@charset "utf-8";
/* CSS Document */
*{margin: 0;outline: 0;padding: 0;}
html {overflow-y:scroll;}
body {font-size:16px;color:#000;font-family:"微软雅黑";margin: 0px;padding: 0px;background-color: #ffffff;}
ul,li,img,dl,dt,dd,form{margin: 0px;padding: 0px;}
textarea{ margin:0px;padding:0px;}
input{margin:0;padding:0;}
section{width: 100%;z-index: 100;}
a{text-decoration:none;color: #000;}
li{ list-style-type:none;}
img{border:0px;}
span{text-indent: 0px;}
.red{color: #FF0000;}
.font12{font-size: 12px;color: #FFFFFF;}
.col-60{color: #606060;}
.font14{font-size: 14px;color: #000000;}
.font14bold{font-size: 14px;color: #000000;font-weight: bold;}
.line{border: solid 1px #abc3a9;}
.clear{clear: both;height:0px;width:100%;}
.clear2{clear: both;height: 2px;width: 100%;margin: 0px;padding: 0px;}
.clear3{clear: both;height: 3px;width: 100%;margin: 0px;padding: 0px;}
.clear4{clear: both;height: 4px;width: 100%;margin: 0px;padding: 0px;}
.clear5{clear: both;height: 5px;width: 100%;margin: 0px;padding: 0px;}
.clear6{clear: both;height: 6px;width: 100%;margin: 0px;padding: 0px;}
.clear7{clear: both;height: 7px;width: 100%;margin: 0px;padding: 0px;}
.clear8{clear: both;height: 8px;width: 100%;margin: 0px;padding: 0px;}
.clear10{clear: both;height: 10px;width: 100%;margin: 0px;padding: 0px;}
.clear15{clear: both;height: 15px;width: 100%;margin: 0px;padding: 0px;}
.clear20{margin: 0px;padding: 0px;clear: both;height: 20px;width: 100%;}
.clear30{margin: 0px;padding: 0px;clear: both;height: 30px;width: 100%;}
.clear32{margin: 0px;padding: 0px;clear: both;height: 32px;width: 100%;}
.clear40{margin: 0px;padding: 0px;clear: both;height: 40px;width: 100%;}
.clear48{margin: 0px;padding: 0px;clear: both;height: 48px;width: 100%;}
.clear50{margin: 0px;padding: 0px;clear: both;height: 50px;width: 100%;}
.clear55{margin: 0px;padding: 0px;clear: both;height: 55px;width: 100%;}
.clear70{margin: 0px;padding: 0px;clear: both;height: 70px;width: 100%;}
.clear90{margin: 0px;padding: 0px;clear: both;height: 90px;width: 100%;}
.clear120{margin: 0px;padding: 0px;clear: both;height: 120px;width: 100%;}
.clear150{margin: 0px;padding: 0px;clear: both;height: 150px;width: 100%;}
.clearbg10{clear: both;height: 10px;width: 100%;margin: 0px;padding: 0px;background-color:#ebebeb;}
.topclearbg5{clear: both;height: 3px;width: 100%;margin: 0px;padding: 0px;background-color:#ebebeb;border-top: 1px solid #d7d7d7;}
.botclearbg5{clear: both;height: 3px;width: 100%;margin: 0px;padding: 0px;background-color:#ebebeb;border-bottom: 1px solid #d7d7d7;}
.topclearbg2{clear: both;height: 3px;width: 100%;margin: 0px;padding: 0px;background-color:#ebebeb;}
.clearbg10{clear: both;height: 10px;width: 100%;margin: 0px;padding: 0px; background-color:#ebebeb;}
.clearbg6{clear: both;height: 6px;width: 100%;margin: 0px;padding: 0px; background-color:#ebebeb;}
.clearbg62{clear: both;height: 62px;width: 100%;margin: 0px;padding: 0px; background-color:#ebebeb;}
.f_l {float:left;}
.f_r {float:right;}
.index-kefu{ position:fixed; bottom:100px; width:68px; height:68px; right:7px; z-index:9999; background-color:#FFFFFF; border-radius:50%;}
.warp{padding: 0px;max-width:960px;margin: 0px auto 0px auto; width:100%;}
.index-top{ width:100%; position:fixed; top:0px; z-index:999;max-width:960px;margin: 0px auto 0px auto; background-color:#FFFFFF;}
.index-logo{ background-color:#4471e6; margin:0px; width:calc(100% - 20px); height:54px; padding:7px 10px;}
.index-logo img{ width:auto; height:54px;}
.index-logo .kaihu{ border:2px solid #9eb7fa; border-radius:5px; padding:5px; color:#FFFFFF; font-size:18px;float:left; margin-left:10px; margin-top:20px;letter-spacing: 5px;}

.index-toutiao{border-bottom:1px solid #ebebeb;width:calc(100% - 20px);margin:auto;height:30px;background-image: url(index-image/toutiao-bg.png);background-repeat: no-repeat;background-position: left 15px;background-size:20px 20px;padding:10px 0px; position:relative;}
.index-toutiao span{color:#284692; position:absolute; right:0px; background-color:#FFFFFF;height: 30px; line-height: 30px; z-index:99; padding-left:15px;background-image: url(index-image/zhankai.png);background-repeat: no-repeat;background-position: left center; background-size:11px 6px; font-size:12px;}

.index-toutiao-push{border-bottom:1px solid #ebebeb;width:calc(100% - 20px);margin:auto;padding:10px 0px; position:relative;}
.index-toutiao-push-tilte{ width:100%;height:30px;background-image: url(index-image/toutiao-bg.png);background-repeat: no-repeat;background-position: left center;background-size:20px 20px; line-height:30px; text-indent:35px;}
.index-toutiao-push-tilte span{ float:right;background-image: url(index-image/zhankai.png);background-repeat: no-repeat;background-position: left center; background-size:11px 6px; height:30px; width:20px;transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */}
.index-toutiao-pus-list,.index-toutiao-pus-list ul{ width:100%; margin:0px; padding:0px;}
.index-toutiao-pus-list ul li{ height:40px; line-height:40px; width:100%;}
.index-toutiao-pus-list ul li a.new{ background-color:#ff5265; color:#FFFFFF; font-size:12px; padding:1px 3px; border-radius:3px; margin:0px 10px;}
.index-toutiao-pus-list ul li span{ color:#a0a0a0; font-size:14px; float:right;}
/*九宫格*/
.index-class{ width:100%; padding:0px; margin:0px;}
.index-class ul{ width:25%; float:left;}
.index-class ul li{ text-align:center; width:100%;}
.index-class ul li.text-on{ width:100%;overflow:hidden; font-size:14px; color:#4471e6; padding-top:6px;}
.index-class ul li.text-on a{color:#4471e6;}
.index-class ul li.text{ width:100%;overflow:hidden; font-size:14px; color:#202020; padding-top:6px;}
.index-class ul li.text a{color:#202020;}
.index-class ul li.text-kaihu{ width:100%;overflow:hidden; font-size:14px; color:#c80000; padding-top:6px;}
.index-class ul li.text-kaihu a{color:#c80000;}
.index-class ul li.img{width:100%; position:relative;}
.index-class ul li.img span{ position:absolute;  background-color:#969696; top:-25px; left:10px; font-size:12px; padding:2px 5px; border-radius:10px; color: #FFFFFF;}
.index-class ul li.img span:after{content: '';display: inline-block;
/*利用边框boeder设置*/
            /*border-left:5px solid transparent;
               border-top:5px solid #fff;
             border-right:5px solid transparent;
            border-bottom-width:0px;*/
border:4px solid transparent;

border-top-color: #969696;

            position: absolute;  /*微调位置*/
            bottom: -8px;
            left: 40%;
             width: 0;
             height: 0;
       }
	   
/*品种九宫格*/
/*九宫格*/
.index-class-t{ width:100%; padding:0px; margin:0px;}
.index-class-t ul{ width:33.33%; float:left;}
.index-class-t ul li{ text-align:center; width:100%;}
.index-class-t ul li.text-on{ width:100%;overflow:hidden; font-size:14px; color:#4471e6; padding-top:6px;}
.index-class-t ul li.text-on a{color:#4471e6;}
.index-class-t ul li.text{ width:100%;overflow:hidden; font-size:14px; color:#202020; padding-top:6px;}
.index-class-t ul li.text a{color:#202020;}
.index-class-t ul li.text-kaihu{ width:100%;overflow:hidden; font-size:14px; color:#c80000; padding-top:6px;}
.index-class-t ul li.text-kaihu a{color:#c80000;}
.index-class-t ul li.img{width:100%; position:relative;}
.index-class-t ul li.img span{ position:absolute;  background-color:#969696; top:-25px; left:10px; font-size:12px; padding:2px 5px; border-radius:10px; color: #FFFFFF;}
.index-class-t ul li.img span:after{content: '';display: inline-block;
/*利用边框boeder设置*/
            /*border-left:5px solid transparent;
               border-top:5px solid #fff;
             border-right:5px solid transparent;
            border-bottom-width:0px;*/
border:4px solid transparent;

border-top-color: #969696;

            position: absolute;  /*微调位置*/
            bottom: -8px;
            left: 40%;
             width: 0;
             height: 0;
       }
	   
/*品种九宫格*/
/*合约动态*/
.index-heyue{ width:100%; background-color:#f0f0f0; padding:6px 0px;}
.index-heyue .swiper-container {width: 100%;overflow: hidden!important; margin: 0px auto;height:140px; position:relative;}
.index-heyue .swiper-container .swiper-wrapper .swiper-slide{ width: 100%; position:relative;}
.index-heyue .swiper-container .swiper-wrapper .swiper-slide .pinzhong{ width:calc(33.33% - 4px); background-color:#FFFFFF; margin-right:6px; height:120px; float:left; position:relative;}
.index-heyue .swiper-container .swiper-wrapper .swiper-slide .pinzhong .date{ position:absolute; top:0px; right:0px;}
.index-heyue .swiper-container .swiper-wrapper .swiper-slide .pinzhong p{ width:100%; text-align:center; margin:0px; padding:0px;}
.index-heyue .swiper-container .swiper-wrapper .swiper-slide .pinzhong p.name{ padding-top:18px; font-size:14px;}
.index-heyue .swiper-container .swiper-wrapper .swiper-slide .pinzhong p.price{ padding-top:12px; font-size:18px;}
.index-heyue .swiper-container .swiper-wrapper .swiper-slide .pinzhong p.red{ padding-top:13px; font-size:14px; color:#e60000;}
.index-heyue .swiper-container .swiper-wrapper .swiper-slide .pinzhong p.green{ padding-top:13px; font-size:14px; color:#009601;}
.index-heyue .swiper-container .swiper-wrapper .swiper-slide-active{ width: 100%;}
.index-heyue .swiper-container .pagination{ position:absolute;  bottom: 0px!important; z-index:999;z-index:99; width:100%;background-color:#f0f0f0; padding-top:12px; padding-bottom:6px; text-align:center;}
.index-heyue .swiper-container .swiper-pagination-bullet{ width:30px; height:5px; border-radius:5px;}
.index-heyue .swiper-container .swiper-pagination-bullet-active{ background-color:#94b2ff;}
/*版权*/
.index-copyright{ width:100%; max-width:960px; background-color:#ebebeb; text-align:center; color:#a0a0a0; padding:15px 0px; font-size:12px; line-height:24px;}
.index-copyright a{color:#a0a0a0;}
/*版权*/
/*首页图文*/
.index-news{ width:100%; padding:0px; margin:0px;}
.index-news-title{ width:100%; padding:19px 0px; margin:0px; border-bottom:1px solid #e0e0e0;}
.index-news-title ul {width:100%; padding:0px; margin:0px;}
.index-news-title ul li {width:30%; float:left; text-align:center; font-weight:bold; position:relative; font-size:16px; color:#404040; height:30px; line-height:30px;}
.index-news-title ul li.on{font-size:18px; color:#000000;}
.index-news-title ul li.on:after{content: '';
                      display: inline-block;
                      position: absolute;  /*微调位置*/
                      bottom: -19px;
                      left: calc(50% - 32px);
                      width: 64px;
                      height: 2px;
			          background-color:#4471e6;
			         border-radius:2px;
       }
.index-news-title ul span{ float:right; padding-right:10px;}
/**/
.toutiao-swiper { position: relative; width: 100%; height: 30px;}
.toutiao-swiper .swiper-container { width: 100%; height: 30px; }
.toutiao-swiper .swiper-container  a {
	text-decoration:none;
	display:block;
height: 30px; 
line-height: 30px;
	overflow:hidden;
	color: #000000; 
 z-index:99999;}
.toutiao-swiper .swiper-slide { height: 30px; line-height: 30px; text-indent:30px; font-size:15px; overflow:hidden; }

.toutiao-swiper .swiper-pagination { position: absolute; }
.toutiao-swiper .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 3px 0; display: block; }
.toutiao-swiper .swiper-button-next, .toutiao-swiper .swiper-button-prev { position: absolute; left: auto; right: 0; top: -22px; margin: 0; width: 16px; height: 16px; background-size: 16px 10px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.toutiao-swiper .swiper-button-prev { margin-right: 20px; }
/**/
#index-nav{ width:100%;border-bottom:1px solid #dcdcdc;}
.TouchNav-index{width:16%;overflow:hidden;padding:15px 0px; font-size:16px; color:#404040;font-weight: bold; float:left; text-align:center;}
.TouchNav-index span{transition:all .3s ease;display:block;}
.TouchNav-index span a{font-size:16px; color:#404040;font-weight: bold;}
.TouchNav-index-active span{transform:scale(1.1); font-weight:bold; position:relative; color:#000000;}
.TouchNav-index-active span:after {content: '';width:28px;height:4px;background-color:#4471e6;position:absolute;left:calc(50% - 14px);bottom:-13px;border-radius:2px;}
#TouchNav{width:84%;overflow:hidden; padding:15px 0px; font-size:16px; color:#404040;font-weight: bold; float:right;}
#TouchNav .swiper-slide{width:20%;padding: 0px;text-align:center;}
#TouchNav .swiper-slide span{transition:all .3s ease;display:block;}
#TouchNav .swiper-slide span a{font-size:16px; color:#404040;font-weight: bold;}
#TouchNav .active span{transform:scale(1.1); font-weight:bold; position:relative; color:#000000;}
#TouchNav .active {font-size:18px;}
#TouchNav .active span:after {content: '';width:28px;height:4px;background-color:#4471e6;position:absolute;left:calc(50% - 14px);bottom:-13px;border-radius:2px;}
#TouchNav .swiper-slide span.paixu{ color:#284692;}/*排序颜色*/
.index-flash{ padding:6px 0px 0px 0px; width:100%;}
.flash-swiper2 .swiper-container {width: calc(100% - 20px);height: auto;overflow: hidden!important; margin:5px auto 0px auto; position:relative;}
.flash-swiper2 .swiper-container .swiper-wrapper .swiper-slide{ width: 100%; position:relative;}
.flash-swiper2 .swiper-container .swiper-wrapper .swiper-slide .text{ position:absolute; bottom:0px; height:30px; background-color:rgba(0,0,0,0.4); z-index:9; width:100%; line-height:30px; text-indent:10px; color:#FFFFFF;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.flash-swiper2 .swiper-container .swiper-wrapper .swiper-slide img{width: 100%; height: auto;}
.flash-swiper2 .swiper-container .swiper-wrapper .swiper-slide-active{ width: 100%;}
 
.flash-swiper2 .swiper-container .pagination{ bottom: 5px!important; text-align:center;  position:absolute; z-index:99;}
.flash-swiper2 .swiper-container .pagination span.swiper-pagination-bullet { background-color:#fff;opacity: 1;}
.flash-swiper2 .swiper-container .pagination span.swiper-pagination-bullet-active { background-color:#2761f4!important;}












/*swiper*/


/*swiper*/

/*尾部*/

.index-foot{ width:100%; background-color:#f5f5f5; border-top:1px solid #dcdcdc; position:fixed; bottom:0px; z-index:999;max-width:960px;margin: 0px auto 0px auto;}
.index-foot ul{ width:25%; float:left; position:relative;}
.index-foot ul li{width:100%; text-align:center;}
.index-foot ul li.img {width:100%; height:20px;}
.index-foot ul li img.vip{ position: absolute; top:-8px; left:calc(50% - 14px);}

.index-foot ul li.text{width:100%; text-align:center; font-size:13px; color:#404040; padding-top:4px;}
.index-foot ul li.text a{color:#404040;}
.index-foot ul li.text-on{width:100%; text-align:center; font-size:13px; color:#4471e6;padding-top:4px;}
.index-foot ul li.text-on a{color:#4471e6;}


/*现货走势*/
.index-zoushi{ width:100%; margin:0px; padding:0px;}
.index-zoushi-class{width:100%; margin:0px; padding:20px 0px; border-bottom:1px solid #e0e0e0; text-indent:10px; font-weight:bold; font-size:18px; position:relative;}
.index-zoushi-class span{ float:right; padding-right:10px;font-size:13px;}
.index-zoushi-date { width:100%; text-align:center; height:40px;}
.index-zoushi-date span.month{background-color:#5a647e; font-weight:bold; border:1px solid #5a647e;border-top-left-radius:15px;border-bottom-left-radius:15px; padding:4px 6px 4px 10px; color:#FFFFFF; font-size:15px;}
.index-zoushi-date span.month a{color:#FFFFFF;}
.index-zoushi-date  span.all{ font-weight:normal;background-color:#fff; border:1px solid #5a647e;border-top-right-radius:15px;border-bottom-right-radius:15px; padding:4px 10px 4px 6px; color:#5a647e;font-size:15px;}
.index-zoushi-date  span.all {color:#5a647e;}
.index-zoushi-title{ width:100%; padding:0px; color:#00454d;font-size:16px; text-align:center;}
.index-zoushi-contner{width:100%;height:300px;}
.index-zoushi-contner-come{ position: absolute;  top:-80px;z-index:9; width:calc(100% - 35px); text-align:right; padding-right:35px;font-size:12px;}
.index-zoushi-info{width:calc(96% - 10px); padding-left:10px; height:32px; line-height:32px; background-color:#eaf0ff; font-size:14px; border-radius:3px;margin: auto; position:relative;}
.index-zoushi-info span.biaozhu{ color:#404040; font-weight:bold; margin-right:5px;}
.index-zoushi-info span.danwei{ color:#404040; font-weight:bold;}
.index-zoushi-class .change{ position:absolute; top:50px; left:7em; width:110px;background-color: rgba(0,0,0,0.7); z-index:9999;}
.index-zoushi-class .change ul{ padding:0px; margin:0px; width:100%;}
.index-zoushi-class .change ul li{ text-align:center; height:52px; line-height:52px;border-bottom:1px solid #fff; color:#FFFFFF; font-weight:normal; font-size:16px;  text-indent: 0px}
.index-zoushi-class .change ul li a{color:#FFFFFF; font-weight:normal;}
.index-zoushi-class .change ul li.on{color:#ffff00; font-weight:bold;}
.index-zoushi-class .change ul li.on a{color:#ffff00;}
.index-zoushi-class .change ul li:last-child{border-bottom:none;}
.index-zoushi-class-change{width:calc(100% - 10px); padding:0px; margin:0px auto; height:60px;}
.index-zoushi-class-change ul{ padding:0px; margin:0px; width:100%;}
.index-zoushi-class-change ul li{ width:calc(20% - 2px); height:30px; line-height:30px; text-align:center; float:left; margin-top:15px; border:1px solid #fff; font-size:14px; }
.index-zoushi-class-change ul li a{font-weight:normal;}
.index-zoushi-class-change ul li.on{color:#0066FF;border:1px solid #0066FF;}
.index-zoushi-class-change ul li.on a{color:#0066FF;}
.index-qhzoushi-class-change{width:calc(100% - 10px); padding:0px; margin:0px auto; height:60px;}
.index-qhzoushi-class-change ul{ padding:0px; margin:0px; width:100%;}
.index-qhzoushi-class-change ul li{ width:calc(20% - 2px); height:30px; line-height:30px; text-align:center; float:left; margin-top:15px; border:1px solid #fff; font-size:14px; }
.index-qhzoushi-class-change ul li a{font-weight:normal;}
.index-qhzoushi-class-change ul li.on{color:#0066FF;border:1px solid #0066FF;}
.index-qhzoushi-class-change ul li.on a{color:#0066FF;}
/*K线图*/
.index-kline-contner{width:98%;height:300px; overflow:hidden; margin:auto;}
/*推荐推文*/
.index-tjtw{ width:calc(100% - 12px); background-color:#ebebeb; height: auto; padding:0px 6px; text-align:center;}
 
.index-tjtw img{ width:100%; height:auto;}
/*导航排序*/
.index-editclass{position:fixed; top:0px; width:100%; height:100%; max-width:960px;margin: 0px auto 0px auto;background-color: rgba(0,0,0,0.5); z-index:9999; }
.index-editclass-main{ width:100%; margin-top:150px; background-color:#FFFFFF;}
.index-editclass-main .title{ width:100%; background-color:#f8f8f8!important; padding:15px 0px; text-align:center; font-weight:bold; font-size:18px; color:#000000; position:relative;}
.index-editclass-main .title span{ float: right; color:#4471e6;font-size:16px; padding-right:15px; font-weight:normal; position:absolute; right:0px;}
.index-editclass-main .ltitle{ width:calc(100% - 30px); height:30px; position:relative; margin:auto;font-size:16px; padding:15px 0px; line-height:30px;}
.index-editclass-main .ltitle span{ float: right; color:#3165ed;font-size:16px; font-weight:normal; position:absolute; top:14px; right:0px; border:1px solid #3165ed; padding:0px 20px; border-radius:18px; }
.index-editclass-main .classtitle{width:100%;margin:0px; padding:0px;}
.index-editclass-main .classtitle ul{width:100%; margin:0px; padding:0px;}
.index-editclass-main .classtitle ul li{ width:calc(33.33% - 22px); border:1px solid #d7d7d7; height:40px; line-height:40px; text-align:center; color:#000000; float:left; margin-left:15px; margin-top:15px; border-radius:5px; 
-webkit-touch-callout:none; /系统默认菜单被禁用/
-webkit-user-select:none; /webkit浏览器/
-khtml-user-select:none; /早期浏览器/
-moz-user-select:none;/火狐/
-ms-user-select:none; /IE10/
user-select:none;
 -webkit-user-select:auto; /*webkit浏览器*/
 outline: none;
}

/*首页客服弹窗*/
.index-changekefu{position:fixed; top:0px; width:100%; height:100%; max-width:960px;margin: 0px auto 0px auto;background-color: rgba(0,0,0,0.5); z-index:9999; }
.index-changekefu-main{ width:90%; margin:110px auto auto auto; background-color:#FFFFFF; border-radius:10px;}
.index-changekefu-main .index-changekefu-title{ height:60px; line-height:60px; border-bottom:1px solid #ebebeb; text-align:center; font-size:18px; font-weight:bold;}
.index-changekefu-main .tishi{ padding-top:20px; text-align:center; font-size:15px;}
.index-changekefu-main .ma{text-align:center; padding:10px 0px;}
.index-changekefu-main .ma img{ height:240px!important; width:240px!important;}
.index-changekefu-main .weixin{text-align:center; padding-bottom:20px;font-size:15px;}
.index-changekefu-main .kefunav{ width:100%;border-top:1px solid #ebebeb; padding:20px 0px;}
.index-changekefu-main .kefunav ul{width:100%; padding:0px; margin:0px; }
.index-changekefu-main .kefunav ul li{ width:50%; height:22px; line-height:22px; text-align:center; float:left; position:relative;}
.index-changekefu-main .kefunav ul li.kefuclose:after{content: '';
                      display: inline-block;
                      position: absolute;  /*微调位置*/
                      top: 3px;
                      right: 0px;
                      width: 2px;
                      height: 16px;
			          background-color:#ebebeb;
       }
/*内页*/
.nei-top{ position:fixed;top:0px; width:100%; max-width:960px; border-bottom:1px solid #ebebeb;height:54px; line-height:54px; text-align:center; font-size:20px; z-index:99; background-color:#FFFFFF;}
.nei-top span.back{position:absolute; left:15px; width:20px; top:17px;}
.nei-top span.share{position:absolute; right:15px;top:17px;}
.nei-main{ width:90%; margin:auto;}
.nei-main .nei-title{ width:100%; padding:20px 0px 14px 0px; font-size:24px;  line-height:32px; margin:0px;text-align: justify;}
.nei-main .nei-info{width:100%; padding-bottom:20px; border-bottom:1px solid #ebebeb; color:#a0a0a0; font-size:14px;}
.nei-main .nei-info span{ float:right;}
.nei-main .nei-info a{color:#a0a0a0;}
.nei-main .nei-content{width:100%; margin:0px; padding:0px; line-height:32px; font-size:18px;}
.nei-main .nei-content img{max-width:100%; height:auto;}
.nei-main .nei-content p{ margin-top:26px;text-align: justify;}
.nei-main .nei-content p:first-child{ margin-top:0px;text-align: justify;}
.nei-main .nei-nav{ width:70%; margin:auto;}
.nei-main .nei-nav ul{ width:50%; margin:0px; padding:0px; float:left;}
.nei-main .nei-nav ul li{ width:100%; text-align:center;position:relative;}
.nei-main .nei-nav ul li.text{ width: 100%;overflow: hidden;font-size: 14px;color: #202020;padding-top: 6px; }
.nei-main .nei-nav ul li.text a{color: #202020;}
.nei-main .nei-nav ul li .free{ position:absolute; top:-10px; left:55%; background-color:#FFFFFF; font-size:12px; color:#c80000; border:1px solid #c80000; padding:1px 6px; border-radius:12px; height:20px; line-height:20px;}
.nei-main .vip{width:80%; margin:40px auto; background-color:#f5f5f5;padding:28px 0px;}
.nei-main .vip p{ text-align:center; margin:0px; padding:0px;}
.nei-main .vip p.tishi{ padding:30px 0px; font-size:15px;}
.nei-main .vip p a.yuyue{ background-color:#f4e2e2; border:1px solid #fff; color:#780000; padding:5px 25px; border-radius:20px;font-size:18px;}
.nei-main .vip p.login{ padding-top:30px;color:#780000;}
.nei-main .vip p.login a{color:#780000;}
.nei-banner{ width:100%; text-align: center; margin:auto;}
.nei-banner img{ width:100%; height:auto;}
.nei-banner2{ width:calc(100% - 24px); text-align: center; margin:auto;}
.nei-banner2 img{ width:100%; height:auto;}
.nei-more-title{ width:100%; padding:19px 0px; margin:0px; border-bottom:1px solid #e0e0e0; position:relative;font-size:20px; color:#000000; height:30px; line-height:30px; text-indent:12px;}
.nei-more-title:after{content: '';
                      display: inline-block;
                      position: absolute;  /*微调位置*/
                      top: 22px;
                      left: 0px;
                      width: 5px;
                      height: 24px;
			          background-color:#4471e6;
       }
.nei-more-title span{ float:right; padding-right:10px;text-indent:0px;}

.nei-more-load{ padding:30px 0px; text-align:center; color:#4471e6; font-size:18px; height:24px; line-height:24px;}
.bigImg {
    position: absolute;
    top: 50%;
    left: 50%;
 /*图片向左移动自身宽度的50%, 向上移动自身高度的50%。*/
    transform: translate(-50%,-50%);
}
/*遮罩层*/
  .opacityBottom {
        width: 100%;
        height: 100%;
        position: fixed;
        background: rgba(0,0,0,0.8);
        z-index: 1000;
        top: 0;
        left: 0;
    }

/*频道列表页*/
.list-zs-main{ width:100%; margin:0px; padding:0px;}
.list-zs-title{ width:100%; padding:19px 0px; margin:0px; border-bottom:1px solid #e0e0e0;}
.list-zs-title ul {width:100%; padding:0px; margin:0px;}
.list-zs-title ul li {width:33.33%; float:left; text-align:center; font-weight:bold; position:relative; font-size:16px; color:#404040; height:30px; line-height:30px;}
.list-zs-title ul li.on{font-size:18px; color:#000000;}
.list-zs-title ul li.on:after{content: '';
                      display: inline-block;
                      position: absolute;  /*微调位置*/
                      bottom: -19px;
                      left: calc(50% - 32px);
                      width: 64px;
                      height: 2px;
			          background-color:#4471e6;
			         border-radius:2px;
       }
.list-zs-title2{ width:100%; padding:19px 0px; margin:0px; border-bottom:1px solid #e0e0e0;}
.list-zs-title2 ul {width:100%; padding:0px; margin:0px;}
.list-zs-title2 ul li {width:50%; float:left; text-align:center; font-weight:bold; position:relative; font-size:16px; color:#404040; height:30px; line-height:30px;}
.list-zs-title2 ul li.on{font-size:18px; color:#000000;}
.list-zs-title2 ul li.on:after{content: '';
                      display: inline-block;
                      position: absolute;  /*微调位置*/
                      bottom: -19px;
                      left: calc(50% - 32px);
                      width: 64px;
                      height: 2px;
			          background-color:#4471e6;
			         border-radius:2px;
       }

.list-zs-box{ width:100%; height: auto;}


.list-class{ width:100%; padding:0px; margin:0px;}
.list-class ul{ width:25%; float:left;}
.list-class ul li{ text-align:center; width:100%;}
.list-class ul li.text-on{ width:100%;overflow:hidden; font-size:14px; color:#4471e6; padding-top:6px;}
.list-class ul li.text-on a{color:#4471e6;}
.list-class ul li.text{ width:100%;overflow:hidden; font-size:14px; color:#202020; padding-top:6px;}
.list-class ul li.text a{color:#202020;}

.list-news-list{ width:100%; margin:0px; padding:0px;}
.list-news-list-box{width: 92%;padding: 22px 0px 22px 0px;border-bottom: 1px solid #f0f0f0;margin: auto;}



/*.list-news-list-box:last-child{border-bottom:none;}*/
.list-news-list-box img{float:right; height:80px; width:120px; margin-left:5px; border-radius:3px;}
.list-news-list-box-title{font-size:18px;  color:#000; line-height:26px; height:52px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-news-list-box-info{font-size:13px;  width:100%; color:#909090; padding-top:12px;}
.list-news-list-box-info a{color:#909090;}
.list-news-list-box-info span.date{ margin-left:1em;}
.list-news-list-box-info a.vip{margin-left:1em;background-image:url(index-image/vip.png);background-repeat: no-repeat;background-size:12px 11px;background-position: left center; padding-left:15px;}
.list-more-load{ padding:30px 0px; text-align:center;}
.list-dt { width:100%; margin:0px; padding:0px;}
.list-dt ul{width: calc(100% - 20px);padding: 18px 0px 18px 0px;border-bottom: 1px solid #f0f0f0;margin: auto;}
.list-dt ul:last-child{border-bottom:none;}
.list-dt ul li{ width:100%; margin:0px; padding:0px;}
.list-dt ul li span{ float:left;}
.list-dt ul li span.name{ width:145px; font-size:18px; font-weight:bold;height:40px; line-height:40px;}
.list-dt ul li span.sp{ width:125px; color:#808080;height:40px; line-height:40px; text-align:right;}
.list-dt ul li span.shuzi{ width:55px;font-weight:bold; padding-left:5px;height:40px; line-height:40px;text-align:right;}
.list-dt ul li span.bizi{ background-color:#e60000; border-radius:5px; color:#ffffff; text-align:center; float:right;padding:0px 5px;height:40px; line-height:40px;}
.list-dt ul li span.bizi-g{background-color:#009600; border-radius:5px; color:#ffffff; text-align:center; float:right;padding:0px 5px;height:40px; line-height:40px;}
.list-dt ul li span.name2{width:145px;}
.list-dt ul li span.shuzi2{ width:115px;padding:0px;padding-left:5px; color:#e60000;text-align:right;}
.list-dt ul li span.bizi2{ height:26px; text-align:center;float:right;color:#e60000;}
.list-dt ul li span.shuzi2-g{ width:115px;padding:0px;padding-left:5px; color:#009600; text-align:right;}
.list-dt ul li span.bizi2-g{ text-align:center;float:right; color:#009600;}
/*开户*/
.kaihu-main{ width:100%; margin:0px; padding:0px;}
.kaihu-top,.kaihu-top img,.kaihu-foot,.kaihu-foot img{ width:100%; height:auto}
.kaihu-info{width:100%;background-image: url(else-image/kaihu-b.jpg);background-repeat: repeat-y;background-position: center top;background-size: 100% auto;}

/*会员登陆*/
.login-main{width:90%; margin:auto;}
.login-input{width:100%; margin:20px 0px 0px 0px; padding:0px;}
.login-input .logininput{width:calc(100% - 2px); height:50px; line-height:50px; border:1px solid #d7d7d7; border-radius:10px; text-indent:10px;font-size:16px; background-color:#f5f5f5;}
.login-submit{ width:100%; background-color:#4471e6; height:50px; line-height:50px; color:#ffffff; text-align:center; margin-top:30px; border-radius:25px; font-size:16px; border: none; outline:none;}
.login-back{width:calc(100% - 2px); border:1px solid #4471e6;  background-color:#fff; height:50px; line-height:50px; color:#4471e6; text-align:center; margin-top:20px; border-radius:25px;}
.login-back a{color:#4471e6;}
.login-kefu{ width:100%; height:50px; color:#905f5f; text-align:center; margin-top:30px; font-size:14px;}
.login-kefu a{color:#905f5f;}
.login-input .logintextarea{width:calc(100% - 22px);background-color: #f5f5f5; padding:10px; height:120px; font-size:16px;     border: 1px solid #d7d7d7; border-radius: 10px;}
/*联系我们*/
.lx-top{ width:100%; text-align:center;}
.lx-top img{ width:100%; height:auto;}
.lx-main{ width:calc(100% - 20px); background-color:#f0f0f0; margin:0px; padding:0px 10px;}
.lx-title{ width:100%; padding:15px 0px; margin:0px; position:relative;font-size:18px; color:#000000; height:30px; line-height:30px; text-indent:12px;}
.lx-title:after{content: '';display: inline-block;position: absolute;  /*微调位置*/top: 21px;left: 0px;width: 5px;height: 18px; background-color:#4471e6;}
.lx-info{ width:100%; padding:0px; margin:0px; background-color:#FFFFFF; border-radius:10px;}
.lx-info ul{ width:calc(100% - 20px); margin:auto; padding:0px;}
.lx-info ul li{ width:100%; height:60px; line-height:60px; margin:0px; padding:0px; border-bottom:1px solid #eeeeee; font-size:18px;}
.lx-info ul li img{ vertical-align:middle;}
.lx-info ul li span{ float:right; color:#808080; font-size:16px; height:60px; line-height:60px;}
.lx-info ul li span img{ margin-top:20px;}
.lx-fuwu{ width:calc(100% - 20px); padding:15px 10px; margin:0px; background-color:#FFFFFF; border-radius:10px;}

.lx-fuwu-erweima{ width:120px; height:120px; background-color:#eeeeee; float:left;}
.lx-fuwu-erweima img{width:120px; height:120px;}
.lx-fuwu-info{ float: right; width:calc(100% - 130px); line-height:30px;}
.lx-fuwu-info p.name{ font-size:18px; font-weight:bold;}
.lx-fuwu-info p a.tel{ color:#ca6a6a; font-weight:bold;}
.lx-fuwu-info p span.copy{ background-color:#ca6a6a; color:#FFFFFF; font-size:14px; padding:2px 5px; border-radius:3px; margin-left:3px;}

/*我的*/
.home-user{ width:100%; padding:20px 0px; margin:0px;}
.home-user-left{ width:100px; height:80px; text-align:center; float:left;}
.home-user-left img{ width:80px; height:80px; border-radius:50%;}
.home-user-right{ width:calc(100% - 110px); height:80px; text-align:left; float:right;}
.home-user-right p{ margin:0px; padding:0px;}
.home-user-right p.name{ height:40px; line-height:40px; font-size:20px; padding-top:6px;}
.home-user-right p.date{ color:#a0a0a0;}
.home-info{ width:100%; padding:0px; margin:0px; background-color:#FFFFFF; border-radius:10px;}
.home-info ul{ width:calc(100% - 20px); margin:auto; padding:0px;}
.home-info ul li{ width:100%; height:60px; line-height:60px; margin:0px; padding:0px; border-bottom:1px solid #eeeeee; font-size:18px;}
.home-info ul li img{ vertical-align:middle;}
.home-info ul li span{ float:right; color:#808080; font-size:16px; height:60px; line-height:60px;}
.home-info ul li span img{ margin-top:20px;}
.home-loginout{ width:100%; padding:30px 0px; height:40px; background-color:#ebebeb;}
.home-loginout-submit{width:94%; height:48px; line-height:48px; text-align:center; color:#e60000; background-color:#fff; border-radius:24px; margin:auto;}
.home-loginout-submit a{color:#e60000;}


.nei-pic{position:fixed; left:0px; top:0px; background-color:#999999; z-index:9999;}
.nei-pic img{transition: all 0.2s linear; width:100%;}
.nei-pic img:hover{
    transform: scale(0.8);
    transition: all 0.2s linear;
}

.yuyin-box{ position:fixed; right:10px; top:100px; width:80px; height:30px;}
#yuyin-box-left{background-color:#4471e6;height:30px; width:40px;float:left; border:none; border-radius: 15px 0px 0px 15px;}
#yuyin-box-right{background-color:#4471e6;height:30px; width:40px; float:right; text-align:center;border:none;border-radius: 0px 15px 15px 0px;}
.yuyin-box .play{background-image: url(else-image/play.png);background-repeat: no-repeat;background-position: center center;background-size:20px 20px;}
.yuyin-box .pause{background-image: url(else-image/pause.png);background-repeat: no-repeat;background-position: center center;background-size:20px 20px;}
.yuyin-box span.strip1 {width: 3px;height: 7px;background-color: #fff;z-index:999;display:block;position:absolute;bottom:0px;left:12px;}
.yuyin-box span.strip2 {width: 3px;height: 14px;background-color: #fff;z-index:999;display:block;position:absolute;bottom:0px;left:21px;}
.yuyin-box span.strip3 {width: 3px; height: 20px; background-color: #fff;z-index:999; display:block;position:absolute; bottom:0px; left:27px;}


		.db {
			display: block;
		}

		.weixinAudio {
			line-height: 1.5;
		}

		.audio_area {
			display: inline-block;
			width: 100%;
			vertical-align: top;
			margin: 0px 1px 0px 0;
			font-size: 0;
			position: relative;
			font-weight: 400;
			text-decoration: none;
			-ms-text-size-adjust: none;
			-webkit-text-size-adjust: none;
			text-size-adjust: none;
			position:relative;
		}

		.audio_wrp {
			border: 1px solid #ebebeb;
			background-color: #fcfcfc;
			overflow: hidden;
			padding: 6px 10px 20px 10px;
		}

		.audio_play_area {
			float: right;
			margin: 9px 12px 10px 5px;
			font-size: 0;
			width: 18px;
			height: 25px;
		}

		.playing .audio_play_area .icon_audio_default {
			display: block;
		}

		.audio_play_area .icon_audio_default {
			background: transparent url(else-image/iconloop.png) no-repeat 0 0;
			width: 18px;
			height: 25px;
			vertical-align: middle;
			display: inline-block;
			-webkit-background-size: 54px 25px;
			background-size: 54px 25px;
			background-position: -36px center;
		}

		.audio_play_area .icon_audio_playing {
			background: transparent url(else-image/iconloop.png) no-repeat 0 0;
			width: 18px;
			height: 25px;
			vertical-align: middle;
			display: inline-block;
			-webkit-background-size: 54px 25px;
			background-size: 54px 25px;
			-webkit-animation: audio_playing 1s infinite;
			background-position: 0px center;
			display: none;
		}

		.audio_area .pic_audio_default {
			display: none;
			width: 18px;
		}

		.tips_global {
			color: #8c8c8c;
		}

		.audio_area .audio_length {
			font-size: 12px;
			margin-top: 3px;
			margin-left: 1em;
			position:absolute;
			right:20px;
			bottom:3px;
		}
		.audio_area .audio_times{
		font-size: 12px;
			margin-top: 3px;
			margin-left: 1em;
			position:absolute;
			left:10px;
			bottom:3px;}
		.audio_info_area {
			overflow: hidden;
			width:calc(100% - 50px);
			float:left;
			text-align:left;
		}

		.audio_area .audio_title {
			font-weight: 400;
			font-size: 17px;
			margin-top: -2px;
			margin-bottom: -3px;
			width: auto;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			word-wrap: normal;
		}

		.audio_area .audio_source {
			font-size: 14px;
		}

		.audio_area .progress_bar {
			position: absolute;
			left: 0;
			bottom: 0;
			background-color: #0cbb08;
			height: 2px;
		}

		.playing .audio_play_area .icon_audio_default {
			display: none;
		}

		.playing .audio_play_area .icon_audio_playing {
			display: inline-block;
		}

		@-webkit-keyframes audio_playing {
			30% {
				background-position: 0px center;
			}
			31% {
				background-position: -18px center;
			}
			61% {
				background-position: -18px center;
			}
			61.5% {
				background-position: -36px center;
			}
			100% {
				background-position: -36px center;
			}
		}

.index-dingyue{ position:fixed; bottom:200px; width:80px; height:92px; right:0px; z-index:9999; background-color:#FFFFFF;z-index:99;}
.index-dingyue img{ width:100%; height:auto;}
.index-dingyue-tishi{ width:90%;background-color:rgba(0,0,0,0.8);; position:fixed; bottom:290px; left:5%; z-index:99; border-radius:5px; display:none;}
.index-dingyue-tishi .title{ width:90%; margin:auto; height:50px; line-height:50px; text-align:center; color:#FFFFFF; border-bottom:1px solid #fff;}
.index-dingyue-tishi .text{ width:100%; margin:auto; text-align:center; color:#FFFFFF; padding:10px 0px 20px 0px; font-size:15px; line-height:26px;}

/*2022开户*/

.lskaihu {
	width: 100%;
}

.lskaihu-top {
	width: 100%;
	text-align: center;
}

.lskaihu-top img {
	width: 100%;
	height: auto;
}

.kaihu-input {
	width: 80%;
	margin: auto;
}

.kaihu-input p {
	width: 100%;
	margin: 0px;
	padding: 10px 0px;
}

.kaihu-input p input.name {
	width: calc(100% - 2px);
	height: 50px;
	line-height: 50px;
	border: 1px solid #c0c0c0;
	border-radius: 10px;
	text-indent: 10px;
	font-size: 16px;
}

.kaihu-input p input.submit {
	background-color: #d0d0d0;
	border: none;
	width: 90%;
	text-align: center;
	color: #fff;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	border-radius: 25px;
}

.kaihu-input p .back {
	color: #ff5050;
	text-decoration: underline;
}