@charset "utf-8";

/*
约定规范:
1，移动优选，默认css为移动设计，
在媒体查询min-width:768px内的样式，为ipad特需
在媒体查询的992px内的样式，为ipad pro以及低分辨率的pc特需
在媒体查询1200px内的样式，为pc特需
2，媒体查询放在相关规则的后面，勿放他处，方便维护
3，{}内属性书写顺序依次：定位>盒子模型>排版>视觉效果>其他;
定位：position top right bottom left z-index等
盒子模型：display flex float width height padding margin等
排版：font line-height color text-align等
视觉效果：background border border-radius等
其他： opacity等
4，padding，margin，font，background，border，border-radius在不需要设置所有的值的情况下，尽量少用简写
    因为过多地使用属性的简写形式会导致代码出现不必要的覆盖和意外的副作用。
    比如标题一般只需要设置上下margin，不推荐用.title{margin:12px 0;} `0` 值表示对浏览器默认值或以前指定的值的覆盖。
    推荐用.title{margin-top:12px;margin-bottom:12px;}
5，其他照常规规范
 */

/***一，公用样式,谨慎修改，改一处动全站***/

/*全部链接都不带下划线，去掉有些浏览器下ul左边有40px偏移;去掉ul下li前面的点,去掉按钮点击后出现的黑框*/
a:link{text-decoration:none!important;}
a:visited{text-decoration:none!important;}
a:hover{text-decoration:none!important;}
a:active{text-decoration:none!important;}
ul{padding-inline-start:0;}
ul li{list-style:none!important;}
/* bootstrap中outline:none依然不起作用，因为bootstrap加了边框，所以要重置*/
input.form-control:focus{border-color:#f5ab35;outline:none;box-shadow:none;}
/*去除选择框的outline*/
.bootstrap-select .dropdown-toggle:focus{outline:none !important;}
/*去除选项的outline*/
a:focus {outline:none !important;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: thin dotted #f3f3f3 !important;
    outline: none !important;
    outline-offset: -2px;
}
/* 重置bootstrap container属性，重置col内边距15px改为8px */
.container{margin-right:auto;margin-left:auto;padding-left:2px;padding-right:2px;}
.row {margin-right: -2px;margin-left: -2px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-right: 2px;padding-left: 2px;}
@media (min-width:768px){
.container{width:750px;padding-left:6px;padding-right:6px;margin-right:auto;margin-left:auto;}
.row {margin-right: -6px;margin-left: -6px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-right: 6px;padding-left: 6px;}
}
@media (min-width:992px){
.container{width:970px;padding-left:8px;padding-right:8px;margin-right:auto;margin-left:auto;}
.row {margin-right: -8px;margin-left: -8px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-right: 8px;padding-left: 8px;}
}
@media (min-width:1200px){
.container{width:1216px;padding-left:12px;padding-right:12px;margin-right:auto;margin-left:auto;}
.row {margin-right: -8px;margin-left: -8px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-right: 8px;padding-left: 8px;}
}
/*重置bootstrap的面包屑导航背景色为白色等*/
.breadcrumb{background-color:#fff!important;margin-bottom:0;padding:15px;}

/*重置bootstrap的navbar背景色为白色*/
.navbar-default{background-color:#fff!important;}

/* 中文文字两端对齐，文字比较多的div请加这个类 */
.chinese-justify{text-align:justify;text-justify:inter-ideograph;word-wrap:break-word;word-break:break-all;}

/* 白色背景加一点阴影,立体感好*/
.box-shadow{box-shadow:0 0 12px rgba(69,79,102,0.1);background-color:#fff;transition:0.3s;}

/* 页面头部公用 */
.public-header{border-bottom:1px solid #ebebeb;}
.public-header .navbar-nav>li>a{line-height:30px;}
.public-header .logo{margin-left:15px;background:#fff url('/images/logo.png') no-repeat left top;width:179px;height:57px;}
.public-header .navbar{margin-bottom:0;}
/* .public-header .nav li{border-bottom:1px solid #e2e2e2;padding-left:15px;}*/
@media (min-width : 768px) {
    .nav li{padding-left:1px;}
}
@media (min-width : 992px) {
    .nav li{padding-left:15px;}
}
@media (min-width : 1200px) {
    .nav li{padding-left:15px;}
}

.vip{color:#f75300;margin-left:10px;font-size:16px}
.public-header .btn-login{display:inline-block;margin-top:10px;border:1px solid #1070f8;border-right:none!important;padding:3px 0px 3px 10px;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.public-header .btn-register{display:inline-block;margin-top:10px;border:1px solid #1070f8;border-left:none!important;padding:3px 10px;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.public-header .btn-login span{padding-right:10px;}
.rightborderline{border-right:1px solid #1070f8;}
.public-header .btn-login:hover{background-color:#1070f8!important;color:#fff!important;border-right:1px solid #1070f8;}
.public-header .btn-register:hover{background-color:#1070f8!important;color:#fff!important;border-left:1px solid #1070f8;}
.joinvip-box{width:370px;padding:20px;font-size:16px;}
.dropdown-menu-center{right:auto!important;left:-135px!important;}
.joinvip-box h3{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;font-size:20px;font-weight:bold;margin-top:0;}
.joinvip-box h3{}
.joinvip-box h3::before,
.joinvip-box h3::after{flex-grow:1;height:2px;background:#0772fc;content:"";display:inline-block;}
.joinvip-box h3::before{margin-right:15px;}
.joinvip-box h3::after{margin-left:15px;}
.joinvip-box h4{color:#ff0000!important;font-weight:bold;text-align:center;}
.joinvip-box ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;list-style:none;margin-top:10px;padding-left:0;}
.joinvip-box ul>li{flex:1 1 50%;font-size:14px;line-height:2.8;padding-left:18px;}
.joinvip-box ul>li>.glyphicon{color:#0772fc;margin-right:6px;}
.joinvip-box .btn-joinvip{background:#0772fc;border:1px solid #0772fc;color:#fff;text-align:center;line-height:40px;margin-top:15px;border-radius:100px;display:block;text-decoration:none;}
.joinvip-box .btn-joinvip:hover{background-color:rgba(7,114,252,0.8);border:1px solid rgba(7,114,252,0.8);}

/*顶部导航登录后的会员中心弹出*/
.logined-popup{min-width:175px;text-align:center;}
.logined-popup .li{text-align:center;border-bottom:1px solid #f1f1f1;padding-left:0 !important;padding-right:0 !important;}
.logined-popup .li>a{color:#666;background-color:#fff;height:40px;line-height:40px;}
.logined-popup .li:hover>a{color:#fff;background-color:#2291ED !important;}
.logined-popup .logined-info{padding-left:0 !important;}
.logined-popup .name{text-align:center;padding-top:3px;padding-bottom:3px;}
.logined-popup .grade{text-align:center;padding-top:3px;padding-bottom:3px;}

/* 页面底部公用 */
.public-footer{}
.public-footer .top{background:#fff url('/images/footer-bg.jpg') no-repeat center top;min-height:101px;}
.public-footer .top .gongjujianjie{color:#fff;padding-top:15px;line-height:1.8;}
.public-footer .bottom{background-color:#355166;}
.public-footer .friend-link a{color:#fff;opacity:0.6;text-decoration:none;font-size:14px;display:inline-block;padding-left:15px;padding-right:15px;margin-top:10px;}
.public-footer .friend-link a{border-right:1px solid rgba(255,255,255,0.2);}
.public-footer .friend-link a:nth-last-child(1){border-right:0px;}
.public-footer .friend-link a:visited{opacity:1;}
.public-footer .friend-link a:hover{opacity:1;}
.public-footer .friend-link a:active{opacity:1;}
.public-footer .friend-link{border-bottom:1px solid rgba(255,255,255,0.2);}
.public-footer .friend-link .row{padding-top:15px;padding-bottom:15px;}
.public-footer .friend-link .title{font-size:16px;color:#fff;}
.public-footer .service-link{padding-bottom:15px;}
.public-footer .service-link .aboutus a{font-size:18px;color:#fff;display:inline-block;margin-right:15px;}
.public-footer .service-link .aboutus{padding-top:15px;}
.public-footer .service-link .kefuqq{padding:25px 0 15px;font-size:16px;color:rgba(255,255,255,0.8);}
.public-footer .service-link .disclaimer{padding-top:15px;font-size:12px;color:rgba(255,255,255,0.8);line-height:1.8;}
.public-footer .service-link .wechat{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;}
.public-footer .service-link .wechat .wechat-item img{margin-top:15px;}
.public-footer .service-link .wechat .wechat-item .img-name{color:#fff;text-align:center;font-size:16px;line-height:45px;}

/* 页面主体区域公用 */
.public-main{background-color:#eceff4;}

/* 焦点区多个页面用到 */
.focus-box{background:#fff url('/images/footer-bg.jpg') repeat-y center bottom;}
.focus{min-height:375px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;align-items:center;}
.focus .focus-header{padding-bottom:9px;margin:40px 0 20px;text-align:center;color:rgba(255,255,255,1);letter-spacing:3px;}
.focus .focus-header {font-size:26px;font-weight:bold;}
@media (min-width : 768px) {
    .focus .focus-header{font-size:34px;}
}
@media (min-width : 992px) {
    .focus .focus-header{font-size:40px;}
}
@media (min-width : 1200px) {
    .focus .focus-header{font-size:46px;}
}

.focus .search{padding-bottom:10px;padding-top:10px;}
.focus .search .search-type{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;}
.focus .search .search-type li{padding:3px 1px;margin-left:2px;margin-right:2px;color:#fff;}
@media (min-width : 768px) {
.focus .search .search-type li{padding:3px 5px;position:relative;left:-8px;}
}
@media (min-width : 992px) {
.focus .search .search-type li{padding:3px 8px;position:relative;left:-50px;}
}
@media (min-width : 1200px) {
.focus .search .search-type li{padding:6px 10px;position:relative;left:-98px;}
}

.focus .search .search-type li.active{}
.focus .search .search-type li.active{position:relative;color:#1A73E8;background-color:#fff;border-radius:4px;}
.focus .search .search-type li.active:after,
.focus .search .search-type li.active:before{content:"";position:absolute;width:0;height:0;border:8px solid transparent;left:50%;margin-left:-4px;bottom:-8px;}
.focus .search .search-type li.active:after{bottom:-14px;border-top-color:#fff;}

.focus .search{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;}
/*.focus .search select{height:45px;padding-left:15px;border-top-left-radius:8px;border-bottom-left-radius:8px;border:none;outline:none;}
.focus .search #key{width:70%;height:45px;padding-left:10px;border-top-right-radius:8px;border-bottom-right-radius:8px;outline:none;border:none;}
.focus .search #dosearch{height:45px;width:98px;margin-left:1px;padding-left:20px;border-radius:8px;color:#1A73E8;outline:none;border:none;font-size:18px;}
*/
.search-box input:focus{border:1px solid #fff !important;outline:none;}
.search-box input:active{border:1px solid #fff !important;outline:none;}
.search-box{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;}
.search-box .input-select{flex:0 1 auto;width:36px;height:45px;position:relative;right:-2px;}
.search-box .input-search{flex:0 1 auto;width:216px;height:45px;padding-left:5px;background-color:#fff;border:1px solid #fff;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px;color:#333;}
.search-box .btn-search .icon-search{position:relative;top:3px;}
.search-box .btn-search{flex:0 1 auto;height:45px;width:46px;font-size:18px;margin-left:10px;background-color:#fff;border:1px solid #fff;border-radius:5px;color:#1a73e8;}
@media (min-width : 768px) {
    .search-box .input-select{width:96px;}
    .search-box .input-search{width:400px;}
    .search-box .btn-search{width:56px;font-size:18px;}
}
@media (min-width : 992px) {
    .search-box .input-select{width:96px;}
    .search-box .input-search{width:500px;}
    .search-box .btn-search{width:76px;font-size:16px;}
}
@media (min-width : 1200px) {
    .search-box .input-select{width:96px;}
    .search-box .input-search{width:600px;}
    .search-box .btn-search{width:96px;font-size:18px;}
}



.focus .hot-search{padding-top:12px;padding-bottom:24px;}
.focus .hot-search ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;}
.focus .hot-search li{margin:8px 15px;}
.focus .hot-search li a{border-radius:5%;background-color:rgba(64,118,246,0.5);padding:5px 10px;color:rgba(255,255,255,0.5);text-decoration:none;outline:none;}
.focus .hot-search li a:hover{background-color:rgba(64,118,246,0.9);color:#fff;}

.focus .focus-bottom-link{background-color:rgba(64,118,246,0.8);width:100%;}
.focus .focus-bottom-link ul{list-style:none;margin:0;padding:0;color:#fff;font-size:18px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;}
.focus .focus-bottom-link li{border-right:1px solid rgba(255,255,255,0.8);flex:1 1 auto;}
.focus .focus-bottom-link li:nth-last-child(1){border-right:none;}
.focus .focus-bottom-link .right-border{border-right:1px solid rgba(255,255,255,0.7);}
.focus .focus-bottom-link li{margin-top:5px;margin-bottom:5px;padding-top:2px;padding-bottom:2px;padding-left:12px;}
.focus .focus-bottom-link li:nth-child(2){border-right:none;}
@media (min-width : 768px) {
.focus .focus-bottom-link li{margin-top:10px;margin-bottom:10px;padding-top:2px;padding-bottom:2px;padding-left:20px;}
.focus .focus-bottom-link li:nth-child(2){border-right:1px solid rgba(255,255,255,0.8);}
}
@media (min-width : 992px) {
.focus .focus-bottom-link li{margin-top:10px;margin-bottom:10px;padding-top:2px;padding-bottom:2px;padding-left:40px;}
.focus .focus-bottom-link li:nth-child(2){border-right:1px solid rgba(255,255,255,0.8);}
}
@media (min-width : 1200px) {
.focus .focus-bottom-link li{margin-top:10px;margin-bottom:10px;padding-top:2px;padding-bottom:2px;padding-left:60px;}
.focus .focus-bottom-link li:nth-child(2){border-right:1px solid rgba(255,255,255,0.8);}
}


/* 内页的焦点区与主页不太一样，内页居中显示且高度较低，内页标签在此处添加上即可 */
#search .focus,
#content .focus,
#tags .focus,
#news .focus{justify-content:center;min-height:140px;}

/* 焦点区下面的图片广告多个页面用到 */
.focus-under-ad{padding:12px;}
.focus-under-ad img{padding-top:2px;width:100%;display:inline-block;}
.ad-notice{position:relative;z-index:100;display:inline-block;width:15px;height:15px;background-color:rgba(100,100,100,0.1);border-bottom-left-radius:12px;padding-top:3px;padding-right:3px;padding-bottom:8px;padding-left:8px;color:rgba(100,100,100,0.6);}

/* 多媒体列表多个页面类似 */
.med{border-bottom:1px solid rgba(100,100,100,0.1);padding:25px 15px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;min-height:185px;}
.med .tit{padding:3px 12px;}
.med .tit h4{display:inline-block;font-size:20px;}
.med .tit a{text-decoration:none;}
.med .tit span{font-size:13px;font-weight:bold;color:#faa36a;border:1px solid #faa36a;width:32px;height:18px;line-height:18px;text-align:center;margin-left:5px;}
.med .con{flex:1 1 auto;padding:3px 12px;line-height:1.8;letter-spacing:1px;}
.med:hover{background-color:rgba(185,185,185,0.1);}
.med .tip{padding:3px 12px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;}
.med .tip .cat{background-color:#daebfc;color:#007cf8;margin-left:0;padding:2px 5px;flex:0 0 auto;}
.med .tip .tag{flex:1 1 auto;padding:0px 5px 2px;overflow:hidden;height:24px;}
.med .tip .tag:hover{height:auto;}
.med .tip .tag a{background-color:rgba(180,180,180,0.1);padding:2px 5px;border-radius:10%;}
.med .tip .tag a:hover{background-color:#daebfc;text-decoration:none;}
.med .tip .tim{flex:0 0 auto;padding:2px 5px;}

/* 正文右侧的广告多个页面类似 */
.sid{border:1px solid rgba(100,100,100,0.1);background-color:#fff;}
.sid .tit{border-bottom:1px solid rgba(100,100,100,0.1);padding-left:10px;padding-right:10px;}
.sid .tit span{font-size:28px;position:relative;top:5px;}
.sid .tit h3{display:inline-block;margin-left:10px;}

/*右侧排行榜等*/
.sid .con{padding-left:10px;padding-right:10px;}
.sid .con ul{list-style:none;margin:0;padding:0;}
.sid .con ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:10px;padding-bottom:10px;}
.sid .con ul li .num{display:inline-block;margin-right:5px;width:24px;height:20px;text-align:center;background-color:rgba(230,241,251,1);color:rgba(76,128,218,1);}

/*右侧热门标签*/
.sid .con2{padding-left:10px;padding-right:10px;}
.sid .con2 ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;}
.sid .con2 ul li{flex-basis:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sid .con2 ul li .glyphicon{font-size:10px;color:rgba(44,128,213,1);margin-right:5px;}
.sid .con2 ul li a{text-decoration:none;color:rgba(0,0,0,0.8);line-height:38px;}
.sid .con2 ul li a:hover{color:rgba(44,128,213,1);}

/*右侧 看过本文同时还关注*/
.sid .con3{}
.sid .con3 ul{list-style:none;margin:0;padding:0;}
.sid .con3 ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid rgba(100,100,100,0.1);}  em{color:red; font-style:normal; }
.sid .con3 ul li a{text-decoration:none;display:inline-block;padding:12px 12px;}
.sid .con3 ul li:hover{}

/*右侧每个框底部更多*/
.sid .bot{padding-left:10px;padding-right:10px;padding-top:15px;padding-bottom:15px;text-align:center;}

/*右侧图片广告*/
.sid-img-ad{margin-top:15px;margin-bottom:15px;}
.sid-img-ad-on-top{margin-top:0px!important;margin-bottom:15px;}
.sid-img-ad img{width:100%!important;}

/* 页面主体内容左内容右边栏通用 */
.content-left{border:1px solid rgba(0,0,0,0.1);padding-bottom:15px;background-color:#fff;}
.content-right{}

/* 后台主体内容左栏目右内容 */
.user-left{min-height:350px;background-color:#fbfbfb;}
.user-right{padding-top:12px;min-height:730px;background-color:#fff;}
@media (min-width:768px){
.user-left{min-height:730px;}
.user-right{padding-top:12px;min-height:730px;background-color:#fff;}
}
@media (min-width:992px){
.user-left{min-height:730px;}
.user-right{padding-top:12px;min-height:730px;background-color:#fff;}
}
@media (min-width:1200px){
.user-left{min-height:730px;}
.user-right{padding-top:12px;min-height:730px;background-color:#fff;}
}

/***content页***/
#content .content-left .article-title{padding:12px 12px 0;}
#content .content-left .article-title h2{font-weight:bold;font-size:18px;margin-top:10px!important;}
#content .content-left .article-subtitle{padding:0px 15px;}
@media (min-width : 768px) {
    #content .content-left .article-title h2{font-size:20px;}
}
@media (min-width : 992px) {
    #content .content-left .article-title h2{font-size:24px;}
}
@media (min-width : 1200px) {
    #content .content-left .article-title h2{font-size:28px;}
}

#content .content-left .article-info{border:1px solid rgba(234,234,234,0.1);}
#content .content-left .article-info .article-info-li{padding:12px 15px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;}
#content .content-left .article-info .article-info-li .nam{flex:0 0 auto;width:74px;font-size:12px;text-align:left;}
#content .content-left .article-info .article-info-li .colon{flex:0 0 auto;width:16px;font-size:12px;text-align:left;}
#content .content-left .article-info .article-info-li .con{flex:1 1 auto;font-size:12px;}
@media (min-width : 768px) {
    #content .content-left .article-info .article-info-li .nam{width:90px;font-size:12px;}
    #content .content-left .article-info .article-info-li .colon{width:20px;font-size:12px;}
    #content .content-left .article-info .article-info-li .con{font-size:12px;}
}
@media (min-width : 992px) {
    #content .content-left .article-info .article-info-li .nam{width:90px;font-size:14px;}
    #content .content-left .article-info .article-info-li .colon{width:20px;font-size:14px;}
    #content .content-left .article-info .article-info-li .con{font-size:14px;}
}
@media (min-width : 1200px) {
    #content .content-left .article-info .article-info-li .nam{width:90px;font-size:14px;}
    #content .content-left .article-info .article-info-li .colon{width:20px;font-size:14px;}
    #content .content-left .article-info .article-info-li .con{font-size:14px;}
}


#content .content-left .article-inner-ad{margin-top:15px;margin-bottom:15px;}
#content .content-left .article-content{}
#content .content-left .article-other{}
#content .content-left .article-other-header{color:#2162e4;border-bottom:1px solid #ccc;}
#content .content-left .article-other-header>span{padding:5px 12px;display:inline-block;border-bottom:2px solid #2162e4;font-size:22px;line-height:36px;}
#content .content-left .article-other-content{padding:15px 10px;border-bottom:1px solid rgba(200,200,200,0.3);}
#content .content-left .article-other-content:hover{background-color:rgba(200,200,200,0.2)}
#content .content-left .article-other-content .tit{font-size:18px;}
#content .content-left .article-other-content .con{font-size:14px;padding:10px;color:rgba(100,100,100,0.8);letter-spacing:1px;line-height:1.8;}
#content .content-left .article-other-content .typ{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
#content .content-left .article-other-content .typ .typ-nam{flex:0 0 auto;width:67px;}
#content .content-left .article-other-content .typ .typ-nam>span{background-color:#daebfc;color:#007cf8;display:inline-block;padding:3px 8px;}
#content .content-left .article-other-content .typ .typ-con{flex:1 1 auto;}
#content .content-left .article-other-content .typ .typ-con>span{display:inline-block;padding:3px 8px;}
#content .content-left .article-downbutton>div{padding-top:15px;padding-bottom:15px;}
#content .content-left .article-downbutton .downbutton-box{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;}
#content .content-left .article-downbutton .btn-downarticle{color:#fff;border-radius:5px;letter-spacing:2px;background-color:#3FB69A;font-size:16px;font-weight:600;}
#content .content-left .article-downbutton .btn-joinvip{color:#fff;border-radius:5px;letter-spacing:2px;background-color:#F26B34;font-size:16px;font-weight:600;}
#content .content-left .article-downbutton .btn-downarticle{margin-right:0;padding:12px 98px;}
#content .content-left .article-downbutton .btn-joinvip{padding:12px 98px;margin-top:20px;}
@media (min-width : 768px) {
#content .content-left .article-downbutton .btn-downarticle{margin-right:30px;padding:12px 58px;}
#content .content-left .article-downbutton .btn-joinvip{padding:12px 58px;margin-top:0;}
}
@media (min-width : 992px) {
#content .content-left .article-downbutton .btn-downarticle{margin-right:30px;padding:12px 58px;}
#content .content-left .article-downbutton .btn-joinvip{padding:12px 58px;margin-top:0;}
}
@media (min-width : 1200px) {
#content .content-left .article-downbutton .btn-downarticle{margin-right:30px;padding:12px 58px;}
#content .content-left .article-downbutton .btn-joinvip{padding:12px 58px;margin-top:0;}
}

#content .content-left .article-downbutton .btn-downarticle .icon{margin-right:15px;}
#content .content-left .article-downbutton .btn-joinvip .icon{margin-right:15px;}
#content .content-left .article-content .tit{padding:15px;font-size:18px;border-bottom:1px solid #ccc;}
#content .content-left .article-content .con{padding:15px;letter-spacing:1px;line-height:1.8;font-size:14px;}

/***downloadloading页***/

/***index页***/

/***search页***/

/* 搜索结果过滤条件 */
#search .search-filter a{text-decoration:none}
#search .search-filter a:active{text-decoration:none}
#search .search-filter{background-color:#fff;border-bottom:1px solid #eceff4;padding:15px;}
#search .search-filter .tit{padding:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
#search .search-filter .tit .nam{flex:0 0 auto;font-weight:600;}
#search .search-filter .tit .con{flex:1 1 auto;font-size:12px;color:#99909e;}
#search .search-filter .typ{padding:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
#search .search-filter .typ .nam{flex:0 0 auto;color:#989896;}
#search .search-filter .typ .con{flex:1 1 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
#search .search-filter .typ .con>.filter-btn{margin-right:3px;margin-bottom:3px;border:1px solid #f1eaea;color:#34332f;display:block;width:80px;height:26px;text-align:center;}
#search .search-filter .typ .con>.filter-btn:hover{background-color:#1e9eff;color:#fff;}
#search .search-filter .typ .con>.filter-btn:first-child{border-left:1px solid #f1eaea;}
#search .search-filter .typ .con>.active{background-color:#1e9eff;color:#fff;}
#search .search-filter .yea{padding:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
#search .search-filter .yea .nam{flex:0 0 auto;color:#989896;}
#search .search-filter .yea .con{flex:1 1 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
#search .search-filter .yea .con>.filter-btn{margin-right:3px;margin-bottom:3px;border:1px solid #f1eaea;color:#34332f;display:block;width:80px;height:26px;text-align:center;}
#search .search-filter .yea .con>.filter-btn:hover{background-color:#1e9eff;color:#fff;}
#search .search-filter .yea .con>.filter-btn:first-child{border-left:1px solid #f1eaea;}
#search .search-filter .yea .con>.active{background-color:#1e9eff;color:#fff;}
#search .search-filter .sor{padding:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
#search .search-filter .sor .nam{flex:0 0 auto;color:#989896;}
#search .search-filter .sor .con{flex:1 1 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
#search .search-filter .sor .con>.filter-btn{margin-right:3px;margin-bottom:3px;border:1px solid #f1eaea;color:#34332f;display:block;width:80px;height:26px;text-align:center;}
#search .search-filter .sor .con>.filter-btn:hover{background-color:#1e9eff;color:#fff;}
#search .search-filter .sor .con>.filter-btn:first-child{border-left:1px solid #f1eaea;}
#search .search-filter .sor .con>.active{background-color:#1e9eff;color:#fff;}
#search .search-filter .tit .nam{width:66px;}
#search .search-filter .typ .nam{width:66px;}
#search .search-filter .yea .nam{width:66px;}
#search .search-filter .sor .nam{width:66px;}
@media (min-width : 768px) {
    #search .search-filter .tit .nam{width:76px;}
    #search .search-filter .typ .nam{width:76px;}
    #search .search-filter .yea .nam{width:76px;}
    #search .search-filter .sor .nam{width:76px;}    
}
@media (min-width : 992px) {
    #search .search-filter .tit .nam{width:86px;}
    #search .search-filter .typ .nam{width:86px;}
    #search .search-filter .yea .nam{width:86px;}
    #search .search-filter .sor .nam{width:86px;}    
}
@media (min-width : 1200px) {
    #search .search-filter .tit .nam{width:96px;padding:0px 10px;}
    #search .search-filter .typ .nam{width:96px;padding:0px 10px;}
    #search .search-filter .yea .nam{width:96px;padding:0px 10px;}
    #search .search-filter .sor .nam{width:96px;padding:0px 10px;}
}

/* 搜索结果列表 */
#search .search-list{background-color:#fff;margin-top:15px;}
#search .search-list .search-media{border-bottom:1px solid #eceff4;padding:15px;}
#search .search-list .search-media:hover{background-color:#f3f3f3;}
#search .search-list .search-media font,#search .search-list .search-media em{color:red; font-style:normal; }
#search .search-list .search-media .tit{padding:10px 10px 5px;font-size:18px;}
#search .search-list .search-media .inf{padding:0px 10px 5px;color:#b4b3b1;font-size:13px;}
#search .search-list .search-media .con{padding:10px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;}
#search .search-list .search-media .con .con-word{flex:1 1 auto;text-align:justify;text-justify:inter-ideograph;word-wrap:break-word;word-break:break-all;}
#search .search-list .search-media .con .con-down{flex:0 1 auto;padding-left:30px;}

/* 搜索结果分页 */
#search .paging{background-color:#fff;margin-top:15px;}

/*相关搜索*/
#search .relevant{background-color:#fff;margin-top:15px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;}
#search .relevant .nam{width:90px;flex:0 0 auto;padding:5px 10px;line-height:26px;}
#search .relevant .con{flex:1 1 auto;padding:5px 10px;height:24px;overflow:hidden;}
#search .relevant .con:hover{height:auto;}
#search .relevant .con>a{display:inline-block;text-decoration:none;padding:3px 8px;color:#000;}
#search .relevant .con>a:visited{text-decoration:none;}
#search .relevant .con>a:hover{text-decoration:none;background-color:#0099ff;color:#fff;}
#search .relevant .con>a:active{text-decoration:none;}

/***news页***/
#news .content-left{background-color:#fff;}
#news .content-left .article-title{padding:0px 10px;}
#news .content-left .article-title h2{font-weight:bold;font-size:30px;margin-top:10px!important;}
#news .content-left .article-subtitle{padding:0px 10px;}
#news .content-left .article-description{border-left:5px solid #4AA5EB;background-color:#EBF5FE;margin-top:25px;margin-bottom:25px;padding:12px;}
#news .content-left .article-content{letter-spacing:1.5;padding:12px 12px 60px 12px;}
#news .content-left .article-other{}
#news .content-left .article-other .keywords{position:absolute;text-align:right;width:99.8%;line-height:24px;padding-right:10px;}
#news .content-left .article-other-header{color:#2162e4;}
#news .content-left .article-other-header>span{display:inline-block;border-bottom:1px solid #2162e4;font-size:22px;line-height:36px;}
#news .content-left .article-other-content{padding:15px 10px;border-bottom:1px solid rgba(200,200,200,0.3);}
#news .content-left .article-other-content:hover{background-color:rgba(200,200,200,0.2)}
#news .content-left .article-other-content .tit{font-size:18px;}
#news .content-left .article-other-content .con{padding:10px;}
#news .content-left .article-other-content .typ{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
#news .content-left .article-other-content .typ .typ-nam{flex:0 0 auto;width:67px;}
#news .content-left .article-other-content .typ .typ-nam>span{background-color:#daebfc;color:#007cf8;display:inline-block;padding:3px 8px;}
#news .content-left .article-other-content .typ .typ-con{flex:1 1 auto;}
#news .content-left .article-other-content .typ .typ-con>span{display:inline-block;padding:3px 8px;}

/***login页***/
#login{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;min-height:540px;    /*background-color:#eceff4;*/}
#login .login-box{padding:20px 36px;background-color:#fff;border-radius:3px;}
#login .login-box .form-title{padding:5px 10px;text-align:center;font-size:18px;font-weight:600;letter-spacing:3px;}
#login .login-box .form-item{padding:9px 10px;text-align:left;position:relative;}
#login .login-box .form-item .icon{position:absolute;left:27px;top:23px;color:#caced1;}
#login .login-box .form-item-inner-horizontal{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
#login .login-box input{font-weight:normal;font-size:14px;}
#login .login-box .btn-mycustom{width:100%;height:35px;background-color:#229EFF;color:#fff;letter-spacing:6px;}
#login .login-box .input-mycustom{height:45px;width:322px;padding:10px 16px 10px 48px;font-size:14px;line-height:1.3333333;border-radius:3px;}

/***register页***/
#register{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;min-height:640px;    /*background-color:#eceff4;*/}
#register .register-box{padding:20px 36px;background-color:#fff;border-radius:3px;}
#register .register-box .form-title{padding:5px 10px;text-align:center;font-size:18px;font-weight:600;letter-spacing:3px;}
#register .register-box .form-item{padding:9px 10px;text-align:left;position:relative;}
#register .register-box .form-item .icon{position:absolute;left:27px;top:23px;color:#caced1;}
#register .register-box .form-item-inner-horizontal{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
#register .register-box input{font-weight:normal;font-size:14px;}
#register .register-box .btn-mycustom{width:100%;height:35px;background-color:#229EFF;color:#fff;letter-spacing:6px;}
#register .register-box .input-mycustom{height:45px;width:322px;padding:10px 16px 10px 48px;font-size:14px;line-height:1.3333333;border-radius:3px;}

/***tags页***/
#tags .article-other{}
#tags .article-other-header{color:#2162e4;border-bottom:1px solid #ccc;}
#tags .article-other-header>span{display:inline-block;border-bottom:2px solid #2162e4;font-size:22px;line-height:36px;}
#tags .article-other-content{padding:15px 10px;border-bottom:1px solid rgba(200,200,200,0.3);}
#tags .article-other-content:hover{background-color:rgba(200,200,200,0.2)}
#tags .article-other-content .tit{font-size:18px;}
#tags .article-other-content .con{padding:10px;}
#tags .article-other-content .typ{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
#tags .article-other-content .typ .typ-nam{flex:0 0 auto;width:67px;}
#tags .article-other-content .typ .typ-nam>span{background-color:#daebfc;color:#007cf8;display:inline-block;padding:3px 8px;}
#tags .article-other-content .typ .typ-con{flex:1 1 auto;}
#tags .article-other-content .typ .typ-con>span{display:inline-block;padding:3px 8px;}

/***usercard页***/
#usercard .form-box{width:99%;padding:4px;}
@media (min-width:768px){
#usercard .form-box{width:98%;padding:6px;}
}
@media (min-width:992px){
#usercard .form-box{width:400px;padding:8px;}
}
@media (min-width:1200px){
#usercard .form-box{width:500px;padding:12px;}
}

/***usercenter页***/
.userinfo{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;padding-top:12px;padding-bottom:20px;border-bottom:1px solid #f1f1f1;}
.userinfo .avatar{}
.userinfo .name{font-size:18px;font-weight:600;color:rgba(110,93,99,0.8);}
.userinfo .grade{padding-top:6px;padding-bottom:6px;border-radius:3px;}
.userinfo .grade .stress{display:inline-block;padding:3px 6px;background-color:rgb(245,91,29);color:#fff;border-radius:3px;}
.userinfo .remain{padding-top:6px;padding-bottom:6px;}
.userinfo .remain .stress{padding:3px 6px;background-color:rgb(245,91,29);color:#fff;border-radius:3px;}
.userlink{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.userlink .userlink-item{height:45px;line-height:45px;padding-left:20px;padding-right:20px;width:33%;text-decoration:none;}
.userlink .userlink-item a{display:block;text-align:center;}
.userlink .active{background-color:#e2e2e2;}
@media (min-width : 768px) {
    .userlink{}
    .userlink .userlink-item{width:33.333%;}
}
@media (min-width : 992px) {
    .userlink{flex-direction:column;flex-wrap:nowrap;align-items:stretch;}
    .userlink .userlink-item{padding-left:0;padding-right:0;width:100%;}
}
@media (min-width : 1200px) {
    .userlink{flex-direction:column;flex-wrap:nowrap;align-items:stretch;}
    .userlink .userlink-item{padding-left:0;padding-right:0;width:100%;}
}


/*用户中心右侧模式一*/
.user-right-model1 .tip{margin-left:12px;margin-right:12px;padding:12px 12px;background-color:#f8f8f8;}
.user-right-model1 .title{margin-left:12px;margin-right:12px;}
.user-right-model1 .title h4{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;}
.user-right-model1 .title h4 span{flex:0 0 auto;display:inline-block;margin-left:12px;margin-right:12px;font-size:20px;}
.user-right-model1 .title h4::before{flex:0 0 auto;display:inline-block;width:20px;height:1px;content:"";background-color:#e2e2e2;}
.user-right-model1 .title h4::after{flex:1 1 auto;display:inline-block;width:auto;height:1px;content:"";background-color:#e2e2e2;}
.user-right-model1 .content{}
.user-right-model1 .content ul.details{list-style:none;padding-left:45px;}
.user-right-model1 .content ul.details li{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;line-height:2.4;}
.user-right-model1 .content ul.details li span:nth-child(1){flex:0 1 100px;}
.user-right-model1 .content ul.details li span:nth-child(2){flex:0 1 20px;}
.user-right-model1 .content ul.details li span:nth-child(3){flex:1 1 auto;}

/*用户中心右侧模式二*/
.user-right-model2 .nav-tabs>li.active>a,
.user-right-model2 .nav-tabs>li.active>a:hover,
.user-right-model2 .nav-tabs>li.active>a:focus{border-bottom:2px solid #009688;color:#009688;border-top:0;border-right:0;border-left:0;}
.user-right-model2 .nav-tabs>li>a,
.user-right-model2 .nav-tabs>li>a:hover,
.user-right-model2 .nav-tabs>li>a:focus{color:#666;border:0;}
.user-right-model2 .tip{padding:4px;margin-top:4px;margin-bottom:4px;background-color:#f8f8f8;}
.user-right-model2 .content{padding-left:4px;padding-right:4px;}
@media (min-width:768px){
.user-right-model2 .tip{padding:6px;margin-top:6px;margin-bottom:6px;background-color:#f8f8f8;}
.user-right-model2 .content{padding-left:6px;padding-right:6px;}
}
@media (min-width:992px){
.user-right-model2 .tip{padding:8px;margin-top:8px;margin-bottom:8px;background-color:#f8f8f8;}
.user-right-model2 .content{padding-left:8px;padding-right:8px;}
}
@media (min-width:1200px){
.user-right-model2 .tip{padding:12px;margin-top:12px;margin-bottom:12px;background-color:#f8f8f8;}
.user-right-model2 .content{padding-left:12px;padding-right:12px;}
}

/***userpayforvip页***/
.viptype ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;}
.viptype ul li{flex:0 1 50%;padding-top:20px;padding-bottom:20px;}
.viptype ul li .li-innerbox{position:relative;margin:0 auto;padding:12px;width:284px;height:160px;border:2px solid #e5e5e5;border-radius:5px;}
.viptype ul li .li-innerbox .recommend{position:absolute;top:-2px;right:-2px;padding:0 6px;height:20px;border-radius:0 5px 0 0;background-color:#5FB878;color:#fff;text-align:center;font-size:12px;line-height:20px;}
.viptype ul li .li-innerbox .name{margin-bottom:10px;padding-left:35px;height:40px;font-weight:600;font-size:14px;line-height:40px;border-bottom:1px solid #e5e5e5;}
.viptype ul li .li-innerbox .name .icon-yellow-diamond{position:absolute;top:22px;left:15px;display:block;width:28px;height:22px;background-image:url(img/icons.png);background-repeat:no-repeat;}
.viptype ul li .li-innerbox .name .icon-blue-diamond{position:absolute;top:22px;left:15px;display:block;width:28px;height:22px;background-image:url(img/icons.png);background-position:-34px 0;background-repeat:no-repeat;}
.viptype ul li .li-innerbox .detail{font-size:12px;font-weight:400;color:#666;}
.viptype ul li .li-innerbox .detail p{margin:0;line-height:1.8;}
.viptype ul li .li-innerbox .money{position:absolute;right:20px;bottom:20px;display:block;color:#666;text-align:right;font-size:16px;}
.viptype ul li .li-innerbox .money dfn{padding:0 3px;margin-right:6px;color:#ff5722;font-size:25px;font-family:Impact;font-style:normal;}
.viptype ul li .li-innerbox .icon-selected{}
.viptype ul li.active .li-innerbox .icon-selected{position:absolute;display:block;width:27px;height:27px;right:0;bottom:0;background-image:url(img/icons.png);background-repeat:no-repeat;background-position:1px -114px;}
.viptype ul li.active .li-innerbox{border:solid 2px #26d066;box-shadow:0 6px 13.8px 2.2px rgb(16 197 91 / 31%);}
@media (min-width:768px){
.viptype ul{justify-content:space-between;}
.viptype ul li{flex:0 1 50%;padding-top:20px;padding-bottom:20px;}
.viptype ul li .li-innerbox{width:284px;height:160px;}
}
@media (min-width:992px){
.viptype ul{justify-content:space-around;}
.viptype ul li{flex:0 0 33.333%;padding-top:20px;padding-bottom:20px;}
.viptype ul li .li-innerbox{width:284px;height:160px;}
}
@media (min-width:1200px){
.viptype ul{justify-content:space-between;}
.viptype ul li{flex:0 0 33.333%;padding-top:20px;padding-bottom:20px;}
.viptype ul li .li-innerbox{width:284px;height:160px;}
}
.pay-method{width:320px;padding:12px;margin:0 auto;}
.pay-method ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:20px;}
.pay-method ul li{border:1px solid #dedede;text-align:center;font-size:0;line-height:42px;cursor:pointer;transition:border-color .1s ease-in,color .1s ease-in;}
.pay-method ul li{position:relative;display:block;padding:3px 6px;}
.pay-method ul li .icon-alipay{display:block;width:115px;height:38px;background:url(img/icon-payment.png) no-repeat center center;background-position:0 2px;}
.pay-method ul li .icon-wxpay{display:block;width:115px;height:38px;background:url(img/icon-payment.png) no-repeat center center;background-position:0 -43px;}
.pay-method ul li.active .pay-method-selected{position:absolute;right:0;bottom:0;width:20px;height:20px;background-image:url(img/icons.png);background-repeat:no-repeat;background-position-x:2px;background-position-y:-156px;}
.pay-method ul li.active{border:solid 2px #26d066;box-shadow:0 6px 13.8px 2.2px rgb(16 197 91 / 31%);}
@media (min-width:768px){
.pay-method{margin:0 0;}
}
@media (min-width:992px){
.pay-method{margin:0 0;}
}
@media (min-width:1200px){
.pay-method{margin:0 0;}
}

/***userchangeinfo页***/
#userchangeinfo .form-box{width:99%;padding:26px 12px 12px 12px;}
@media (min-width:768px){
#userchangeinfo .form-box{width:98%;padding:20px 12px 12px 12px;}
}
@media (min-width:992px){
#userchangeinfo .form-box{width:400px;padding:24px 12px 12px 12px;}
}
@media (min-width:1200px){
#userchangeinfo .form-box{width:500px;padding:30px 15px 15px 15px;}
}

/***userpay页***/

/***userpayrecord页***/






.tab-title{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(100,100,100,0.3);box-shadow:1px 10px 8px #f5f5f5;}
.tab-title .title{flex:1 0 auto;}
.tab-title .nav{flex:0 0 auto;}
.tab-title .title span{padding:3px 5px 3px 10px;font-size:22px;position:relative;bottom:-13px;}
.tab-title .title h3{display:inline-block;margin:0;}
.nav-mypills{padding-top:12px;padding-bottom:12px;font-size:16px;}
.nav-mypills>li{float:left;padding:0 30px 0 0;}
.nav-mypills>li>a{border-radius:12px;padding:5px 15px;}
.nav-mypills>li.active>a,
.nav-mypills>li.active>a:hover,
.nav-mypills>li.active>a:focus{background-color:#fff;border:1px solid rgba(51,145,240,0.9);color:rgba(51,145,240,1);}

/*重置navbar-default*/

/*
.navbar-default{background-color:#f8f8f8;border-color:#fff;}
.navbar-default .navbar-brand{color:#777;}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent;}
.navbar-default .navbar-text{color:#777;}
.navbar-default .navbar-nav > li > a{color:#777;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{color:#333;background-color:transparent;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{color:#555;background-color:#fff;}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus{color:#ccc;background-color:transparent;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{color:#555;background-color:#fff;}
@media (max-width:767px){
    .navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#777;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color:#333;background-color:transparent;}
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{color:#555;background-color:#fff;}
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus{color:#ccc;background-color:transparent;}
}
.navbar-default .navbar-toggle{border-color:#ddd;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{background-color:#ddd;}
.navbar-default .navbar-toggle .icon-bar{background-color:#888;}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form{border-color:#fff;}
.navbar-default .navbar-link{color:#777;}
.navbar-default .navbar-link:hover{color:#333;}
.navbar-default .btn-link{color:#777;}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus{color:#333;}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc;}
*/

/*
.freevip-type label{position:relative;float:left;cursor: pointer;margin-bottom:10px;padding:20px;width:31%;margin-right:2%;height:160px;border:2px solid #e5e5e5;border-radius:5px;}
.freevip-type label.active{border: solid 2px #26d066;box-shadow:0 6px 13.8px 2.2px rgba(16,197,91,.31);}
.freevip-type label .icon-selected{display:none;}
.freevip-type label.active .icon-selected{display:block;}
.freevip-type .item-alert{position:absolute;top:-2px;right:-2px;padding:0 6px;height:20px;border-radius:0 5px 0 0;background-color:#5FB878;color:#fff;text-align:center;font-size:12px;line-height:20px;}
.freevip-type .item-name{position:relative;margin-bottom:10px;padding-left:35px;height:40px;border-bottom:1px solid #e5e5e5;font-weight:600;font-size: 14px;line-height:40px;}
.freevip-type .item-name .icon-jewel{position:absolute;bottom:8px;left:0;display:block;width: 28px;height: 22px;}
.freevip-type .item-money{position:absolute;right:20px;bottom:20px;display:block;color:#666;text-align:right;font-size:16px;}
.freevip-type .item-money dfn{padding:0 3px;color:#ff5722;font-size:25px;font-family:Impact;}
.freevip-type .item-tips{text-align:left;line-height:22px;font-size: 12px;}


.freevip-money{color:#666;text-align:center;font-size:16px;line-height:42px;}
.freevip-money span{color:#ff6000;font-size:18px;}
.freevip-money span dfn{padding:0 3px;color:#f63;font-size:40px;font-family:Impact;}
.freevip-agreement{display:inline-block;margin-right:5px;width:16px;height:16px;background:url(../images/sign-icon.png) no-repeat -117px -185px;vertical-align:text-bottom;cursor:pointer;}

.freevip-method{position:relative;padding:30px 100px 30px 100px;background-color:#fff;}
.freevip-method .item-method{float:left;width:200px;font-size:14px;margin-left:40px;}
.freevip-method .method-alipay p,.freevip-method .method-wechat p{margin-top:14px;color:#888;text-align:center;}
.freevip-method .method-alipay p a,.freevip-method .method-wechat p a{color:#00aaef;text-decoration:underline;font-size:14px;}
.freevip-method .method-msg{margin-top:0!important;height:36px;background-color:#00c204;color:#fff!important;text-align:center;font-size:16px;line-height:36px;}
.freevip-method .method-alipay .method-msg{background-color:#26a1ee;}
.freevip-method .method-bank .method-msg{background-color:#009ea2;}
.freevip-method .method-img{position:relative;overflow:hidden;width:200px;height:200px;border:solid 1px #dedede;text-align:center;}
.freevip-method .method-alipay .method-img:after,.freevip-method .method-wechat .method-img:after{position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px;width:40px;height:40px;background:url(../images/sign-icon.png) no-repeat;content:" ";}
.freevip-method .method-alipay .method-img:after{background-position:0 -214px;}
.freevip-method .method-wechat .method-img:after{background-position:-43px -214px;}

.pay-method-type label{position:relative;float:left;display:block;box-sizing:border-box;margin-right:2%;margin-bottom:20px;width:18%;height:44px;border:1px solid #dedede;text-align:center;font-size:0;line-height:42px;cursor:pointer;transition:border-color .1s ease-in,color .1s ease-in;}
.pay-method-type label.active{border: 2px solid #26d066;line-height:40px;}
.pay-method-type label span{display:inline-block;color:#707070;vertical-align:middle;font-size:14px;line-height:25px;}
.pay-method-bank label .icon-selected-xs,.pay-method-type label .icon-selected-xs{display:none;}
.pay-method-bank label.active .icon-selected-xs,.pay-method-type label.active .icon-selected-xs{display:block;}
.pay-method-type label .pay-method-tip{position:absolute;top:40px;left:0;display:none;width:100%;height:22px;color:#f7a04c;text-align:center;font-size:12px;line-height:22px;}
.pay-method-type label.active .pay-method-tip{display:block;}
*/
.btn-my{background-color:#fff;height:45px;border-top-right-radius:0;border-bottom-right-radius:0}
.btn-my .filter-option-inner-inner{line-height: 30px;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color:rgba(64,118,246,1);;
    outline: 0;
}