/*新版本流量购买及免费交换*/
.f_16{font-size: 16px}
.hand{cursor: pointer}
.H76{min-height: 76px;line-height: 76px!important;}
.h76{min-height: 76px!important;}
.h156{height: 156px}
.h130{height: 130px}
.h281{height: 281px}
.h246{height: 246px}
.show_shadow{ position: absolute; z-index: 2; width: 840px; background: #fff; box-shadow: 0px 1px 5px 0px rgba(62,181,246,0.2); }
.flow_bgs,.flow_free{ background: url("../images/flowad/banners.png") no-repeat center; height: 260px; position: relative; }
.flow_free{ background: url("../images/flowad/banes.png") no-repeat center; } .flow_tops{ position: absolute; bottom: 88px; margin-left: 52px; }
.flow_bgs a,.flow_free a{ width: 130px; height: 43px; border-radius: 4px; color: #fff; display: block; float: left; margin-right: 10px; }
.flow_nav{position: relative;margin-top: -77px;font-size: 13px;}
.flow_nav .left{ width:930px; background:rgba(255,255,255,1); box-shadow:0px 1px 5px 0px rgba(62,181,246,0.2); margin-right: 6px; float: left; }
.flow_nav .left .score{ width:90px; height: 100%; background:rgba(5,99,255,1); color: #C9DDFF;text-align: center; float: left; }
.flow_nav .left .score ul li{height: 41px;line-height: 41px; border-bottom: 1px solid #5092ff; }
.flow_nav .left .score ul li:last-child{ border:none }
.flow_nav .left .buy_score{width:90px; background:#6F43FE;color: #E0DAFF  }
.flow_nav .left .buy_score ul li{border-bottom: 1px solid #8c69fe}
.flow_nav .right{ width:264px; background:url("/images/flowad/free_bg.png") no-repeat;background-size: 100%; box-shadow:0px 1px 5px 0px rgba(62,181,246,0.2); float: right; }
.flow_nav .right p{color: #E6F6FF;font-size: 18px;padding: 0 17px;}
.flow_nav .right p a{display: inline-block;margin-top: 8px;color:#E6F6FF}
.flow_nav .right p a:hover{ font-weight:normal; color:rgba(255,228,0,1); text-shadow:0px 1px 1px rgba(162,42,230,1); }
.flow_nav .right p .line{width:1px; height:14px; background:rgba(99,145,222,1);}
.flow_nav .right h4{text-align: center;margin: 23px 0 19px 0;color: #1097EB;background: url("/images/flowad/icon_exchange.png") no-repeat 53px center;background-size:18px 15px;font-size: 16px}
.flow_nav .right .showNews{background: url("/images/flowad/show_icon.png") no-repeat 53px center;background-size:15px 16px;}
.flow_nav .buy_flow{background:url("/images/flowad/buy_bg.png") no-repeat;background-size: 100%;}
.flow_nav .buy_flow p .line{background:rgba(250,243,251,1); }
.flow_nav .buy_flow p a{color: #FFFCFF}

.main-search{float: left;width: 840px;min-height: 41px; border-bottom: 1px solid #eee;}
.main-search-item { position: relative; padding: 0 15px; }
.main-search-con.fix-height { max-height:76px; overflow: hidden; }
.main-search-con.auto-height { overflow: hidden; padding-bottom: 8px; }
.main-search-con { margin-bottom: -1px; transition: all 0.4s; }
.main-search-con li,.main-search-title{ float: left; padding-top: 8px; cursor: pointer; }
.main-search-con li.active span,.main-search-title .active,.main-search-con li.active span:hover,.main-search-title .active:hover { background: #0BABFE; color: #fff; }
.main-search-con li span:hover{ color: #3eb5f6; }
.main-search-con li span, .main-search-con li a ,.main-search-title span{ display: inline-block; margin-right: 14px; padding: 0 8px; border-radius: 3px; color: #555;  font-size: 14px; line-height: 1.8; cursor: pointer; }
.main-search-con .reset{margin: 4px 0 0 0;;background: url("/images/icon/reset_icon.png") no-repeat center 7px;background-size:11px;padding-left: 56px;color: #9AABB8}
.main-search-con .reset:hover{background: url("/images/icon/reset_active_icon.png") no-repeat center 7px;background-size:11px;}
.main-search-mark.icon-down { padding-right: 13px; background: url(/images/icon/icon-angle-down-black.png) right center no-repeat; }
.main-search-mark.icon-up { padding-right: 13px; background: url(/images/icon/icon-angle-up-black.png) right center no-repeat; }
.main-search-mark { position: absolute; top: 12px; right: 15px; color: #9AABB8; font-size: 14px; cursor: pointer; }
.main-search-input input { float: left; width: 60px; height: 25px; padding: 3px 6px; }
.main-search-input span { float: left; }
.main-search-bar .icon-down,.main-search-bar .icon-up { display: inline-block; width: 7px; height: 10px; background: url("/images/flowad/icon_gray.png") no-repeat; background-size: 100%; }
.main-search-bar .active .icon-up { background: url("/images/flowad/icon_up.png") no-repeat; }
.main-search-bar .active .icon-down { background: url("/images/flowad/icon_down.png") no-repeat; }
.main_list{padding: 0 17px;overflow: hidden;font-size: 13px}
.main_list ul li span:first-child{display: inline-block;width: 185px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.main_list ul li span:last-child{color: #B3B3B3}
.main_list ul li{margin-bottom: 12px;}

.main_boxs{background: #fff;margin-bottom: 217px}
.buy_main li.active span,.buy_main_title .active,.buy_main li.active span:hover,.buy_main_title .active:hover { background: #7F66FF;}
.buy_main li span:hover{ color: #7F66FF; }

.table{margin-top: 13px;background: #fff;color: #555}
.table > thead > tr > th{ border-bottom: 0 solid #ebebeb; color: #859BAB; font-weight: normal; height: 49px; padding: 0;text-align: center; vertical-align: middle;}
.table > tbody >tr > td{padding: 0;text-align: center; vertical-align: middle; border-color: #ebebeb;}
.table > thead > tr > th:nth-child(1),.table > tbody >tr > td:nth-child(1){padding: 13px 0 7px 25px;text-align: left;}
.table > tbody >tr >td p{padding-top: 10px;color: #999}
.table tr:hover{ box-shadow:0px 2px 6px 0px rgba(62,181,246,0.3); }
.table >tbody{border-bottom: 1px solid #ebebeb;}

.seeAd{ position: relative; }
.seeAd .flowad_list{ position: absolute; right: 15px; top: 60px; z-index:10; width:510px; background:rgba(255,255,255,1);
    border:1px solid rgba(189, 225, 249, 1); box-shadow:0px 2px 6px 0px rgba(62,181,246,0.3); }
.seeAd .flowad_list .adList{padding: 0;color: #333;text-align: left}
.seeAd .con_ad{ background: url(/images/flowad/triangle.png) no-repeat center; width: 17px; height: 9px; background-size: 15px; position: absolute; top: -8px; right: 42px; z-index: 13; }
.seeAd .more_btn{ cursor: pointer; background: none; float: left; height: auto; width: 350px; text-align: left; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.seeAd table{max-height: 400px; overflow-y: scroll;display: block}
.seeAd table::-webkit-scrollbar {  display: none;  }
.seeAd table th{ height:37px; background:rgba(228,245,255,1); padding: 0 20px; font-size: 16px;width: 510px; }
.seeAd table tr td{ padding: 10px 20px; border-bottom: 1px solid #ebebeb; }
.seeAd a{ display: inline-block; color: #ACBBC6; background: url(/images/flowad/icons_down.png) center right no-repeat ; width: 53px; height: 22px;padding-right:10px; }
.seeAd .see:hover{ color: #3eb5f6; background: url(/images/blue-down.png) no-repeat right center; }
.seeAd .cur:hover,.seeAd .cur{ color: #3eb5f6; background: url(/images/blue-up.png) no-repeat right center; }

.flow-free-banner{background: url(../images/flowad/flowfree_bg-1.png)top center no-repeat;background-size: 1920px auto;}
.flow-free-banner .title1{margin: 20px auto 20px;display: block;}
.flow-free-banner h2{font-family: 'SourceHanSansCN';font-weight: 700;color:#fe9525;font-size: 28px;margin-left: 45px;width: 1146px;height: 46px;background:url(../images/flowad/flowfree_titlebg1.png)no-repeat;background-size:1146px 46px;padding: 5px 20px;letter-spacing: 1px;margin-top: 0;}
.flow-free-banner h3{font-size: 24px;color:#2d7cff;font-weight: bold;text-align: center;margin-bottom: 23px;}
.flow-free-banner h3 span{font-size: 28px;transform: skew(-10deg,0);display: inline-block;vertical-align:text-top;}
.flow-free-banner h3 i{color:#ff2c8a;font-style: normal;}
.flow-free-banner p{color:#647a9e;font-size: 16px;text-align: center;margin-bottom: 23px;letter-spacing: 0.3px;}
.flow-free-banner h4{color:#647a9e;font-size: 26px;text-align: center;margin-bottom: 20px;}
.flow-free-banner .advantage{padding-top: 73px;width: 1200px;height: 257px;background:url(../images/flowad/flowfree_bg2-1.png)no-repeat;background-size: 100% 100%;position: relative;padding-left: 24px;}
.flow-free-banner .advantage::before{content:'';width: 210px;height: 26px;background:url(../images/flowad/flowfree_titlebg2.png)center no-repeat;background-size: 100% 100%;position: absolute;top: 23px;left: 50%;margin-left: -105px;}
.flow-free-banner .advantage li{float: left;width: 168px;height: 168px;margin-right: 23px;text-align: center;}
.flow-free-banner .advantage h5{font-size: 20px;color:#0084fe;margin: 25px 0 15px ;}
.flow-free-banner .advantage p{font-size: 14px;color:#818fa5;margin-bottom: 0;font-family: 'MicrosoftYaHei';transform: scale(0.9);}
.flow-free-banner .advantage .mb05 p{margin-bottom: 5px;}
.flow-free-banner .joinbtn{display: block;margin: 0 auto;width: 240px;height: 46px;border-radius: 23px;text-align: center;line-height: 44px;background-color: #ffb400;color:#fff;font-size: 20px;font-weight: bold;margin-bottom: 20px;}