/*重置浏览器默认样式*/

body, html{font-size:14px;padding:0; margin:0;color:#333; font-family:"Arial","微软雅黑";}
address, article, aside, body, button, code, dd, details, dl, dt, footer, form, h1, h2, h3, h4, h5, h6, header, input, li, menu, nav, ol, p, pre, section, table, td, textarea, th, ul { margin: 0;padding: 0;}
address, caption, cite, code, dfn, em, i, strong, th, var {font-style: normal;font-weight: 400;}
table{border-collapse:collapse; border-spacing:0;}


h1,h2,h3{ font-weight:normal;}

img{ border:0; vertical-align:middle}
.section,.row{display:block;clear: both;zoom: 1; overflow:visible;}

.container{ display:block; width:1200px;clear: both;zoom: 1; margin:0 auto;}

a {text-decoration: none }
a:hover { text-decoration: underline }

/*end 重置浏览器默认样式*/

/*文本对齐*/

.ta-c,.tac{ text-align:center;}
.ta-l,.tal{ text-align:left;}
.ta-r,.tar{ text-align:right;}
.va-m,.vam{ vertical-align:middle;}
.va-t,.vat{ vertical-align:top;}
.va-b,.vab{ vertical-align:bottom;}




/*end文本对齐*/

/*字体大小*/

.fs-8,.fs8,.size8{ font-size:8px; }
.fs-9,.fs9,.size9{ font-size:9px; }
.fs-10,.fs10,.size10{ font-size:10px; }
.fs-12,.fs12,.size12{ font-size:12px; }
.fs-14,.fs14,.size14{ font-size:14px; }
.fs-16,.fs16,.size16{ font-size:16px; }
.fs-18,.fs18,.size18{ font-size:18px; }
.fs-20,.fs20,.size20{ font-size:20px; }
.fs-22,.fs22,.size22{ font-size:22px; }
.fs-24,.fs24,.size24{ font-size:24px; }
.fs-26,.fs26,.size26{ font-size:26px; }
.fs-28,.fs28,.size28{ font-size:28px; }
.fs-30,.fs30,.size30{ font-size:30px; }
.fs-32,.fs32,.size32{ font-size:32px; }
.fs-34,.fs34,.size34{ font-size:34px; }
.fs-36,.fs36,.size36{ font-size:36px; }
.fs-48,.fs48,.size48{ font-size:48px; }
.fs-72,.fs72,.size72{ font-size:72px; }

/*end字体大小*/


/*按宽百分比*/

.wp-95,.wp95{ width:95%; float:left; }
.wp-90,.wp90{ width:90%; float:left; }
.wp-85,.wp85{ width:85%; float:left; }
.wp-80,.wp80{ width:80%; float:left; }
.wp-75,.wp75{ width:75%; float:left; }
.wp-70,.wp70{ width:70%; float:left; }
.wp-66,.wp66, .wp-67,.wp67{ width:66.66%; float:left; }
.wp-65,.wp65{ width:65%; float:left; }
.wp-60,.wp60{ width:60%; float:left; }
.wp-55,.wp55{ width:55%; float:left; }
.wp-50,.wp50{ width:50%; float:left; }
.wp-45,.wp45{ width:45%; float:left; }
.wp-40,.wp40{ width:40%; float:left; }
.wp-35,.wp35{ width:35%; float:left; }
.wp-33,.wp33, .wp-34,.wp34{ width:33.33%; float:left; }
.wp-30,.wp30{ width:30%; float:left; }
.wp-25,.wp25{ width:25%; float:left; }
.wp-20,.wp20{ width:20%; float:left; }
.wp-15,.wp15{ width:15%; float:left; }
.wp-10,.wp10{ width:10%; float:left; }
.wp-5,.wp5{ width:5%; float:left; }

.wpclear{ float:none; clear:both;}

/*end按宽百分比*/





/*高与行高*/

.h-20,.h20{ height: 20px }
.h-24,.h24 { height: 24px }
.h-26,.h26 { height: 26px }
.h-28,.h28 { height: 28px }
.h-30,.h30 { height: 30px }
.h-32,.h32 { height: 32px }
.h-34,.h34 { height: 34px }
.h-35,.h35 { height: 35px }
.h-36,.h36{ height: 36px }
.h-38,.h38{ height: 38px }
.h-40,.h40{ height:40px; }
.h-44,.h44{ height:44px; }
.h-44,.h44{ height:44px; }
.h-72,.h72{ height:72px; }
.h-108,.h108{ height:108px; }
.h-150,.h150{ height:150px; }
.h-200,.h200{ height:200px; }
.h-300,.h300{ height:300px; }
.h-320,.h320{ height:320px; }
.h-350,.h350{ height:350px; }
.h-400,.h400{ height:400px; }
.h-450,.h450{ height:450px; }
.h-500,.h500{ height:500px; }
.h-550,.h550{ height:550px; }
.h-600,.h600{ height:600px; }

.mh-20,.mh20{ min-height: 20px }
.mh-24,.mh24 { min-height: 24px }
.mh-26,.mh26 { min-height: 26px }
.mh-28,.mh28 { min-height: 28px }
.mh-30,.mh30 { min-height: 30px }
.mh-32,.mh32 { min-height: 32px }
.mh-34,.mh34 { min-height: 34px }
.mh-35,.mh35 { min-height: 35px }
.mh-36,.mh36{ min-height: 36px }
.mh-38,.mh38{ min-height: 38px }
.mh-40,.mh40{ min-height:40px; }
.mh-44,.mh44{ min-height:44px; }
.mh-44,.mh44{ min-height:44px; }
.mh-70,.mh70{ min-height:70px; }
.mh-72,.mh72{ min-height:72px; }
.mh-80,.mh80{ min-height:80px; }
.mh-90,.mh72{ min-height:90px; }
.mh-100,.mh100{ min-height:100px; }
.mh-108,.mh108{ min-height:108px; }
.mh-110,.mh110{ min-height:110px; }
.mh-150,.mh150{ min-height:150px; }
.mh-200,.mh200{ min-height:200px; }
.mh-300,.mh300{ min-height:300px; }
.mh-320,.mh320{ min-height:320px; }
.mh-350,.mh350{ min-height:350px; }
.mh-400,.mh400{ min-height:400px; }
.mh-450,.mh450{ min-height:450px; }
.mh-500,.mh500{ min-height:500px; }
.mh-550,.mh550{ min-height:550px; }
.mh-600,.mh600{ min-height:600px; }
.mh-650,.mh650{ min-height:650px; }
.mh-700,.mh700{ min-height:700px; }
.mh-750,.mh750{ min-height:750px; }
.mh-800,.mh800{ min-height:800px; }

.lh-20,.lh20{ line-height: 20px }
.lh-24,.lh24 { line-height: 24px }
.lh-26,.lh26 { line-height: 26px }
.lh-28,.lh28 { line-height: 28px }
.lh-30,.lh30 { line-height: 30px }
.lh-32,.lh32 { line-height: 32px }
.lh-34,.lh34 { line-height: 34px }
.lh-35,.lh35 { line-height: 35px }
.lh-36,.lh36{ line-height: 36px }
.lh-38,.lh38{ line-height: 38px }
.lh-40,.lh40{ line-height:40px; }
.lh-44,.lh44{ line-height:44px; }

.lhh-20,.lhh20{ line-height: 20px; height: 20px }
.lhh-24,.lhh24 { line-height: 24px; height: 24px }
.lhh-26,.lhh26 { line-height: 26px; height: 26px }
.lhh-28,.lhh28 { line-height: 28px; height: 28px }
.lhh-30,.lhh30 { line-height: 30px; height: 30px }
.lhh-32,.lhh32 { line-height: 32px; height: 32px }
.lhh-34,.lhh34 { line-height: 34px; height: 34px }
.lhh-35,.lhh35 { line-height: 35px; height: 35px }
.lhh-36,.lhh36{ line-height: 36px; height: 36px }
.lhh-38,.lhh38{ line-height: 38px; height: 38px }
.lhh-40,.lhh40{ line-height: 40px; height: 40px }
.lhh-44,.lhh44{ line-height: 44px; height: 44px }

/*end高与行高*/

/*宽度*/


/*背景色*/

.bg-red,.bgred{ background:#f00; }
.bg-orange,.bgorange{ background:#ff6600; }
.bg-yellow,.bgyellow{ background:#ff0; }
.bg-green,.bggreen{ background:#008000; }
.bg-teal,.bgteal{ background:#0ff; }
.bg-blue,.bgblue{ background:#00f; }
.bg-violet,.bgviolet{ background:#ee82ee; }
.bg-black,.bgblack{ background:#000; }
.bg-white,.bgwhite{ background:#fff; }
.bg-gray,.bggray{ background:#808080; }

.bg-black-2,.bgblack-2,.bgblack2{ background:#232a36; }
.bg-gray-2,.bggray-2,.bggray2{background: #f1f1f1;}
.bg-blue-2,.bgblue-2,.bgblue2{background:#33cbfe;}

/*end背景色*/

/*字体颜色*/

.f-red,.fred, .f-red a,.fred a{ color:#f00; }
.f-red a:hover,.fred a:hover, a.f-red:hover,a.fred:hover{ color:#d00; }

.f-orange,.forange, .f-orange a,.forange a{ color:#ff6600; }
.f-orange a:hover,.forange a:hover, a.f-orange:hover,a.forange:hover{ color:#e88c00; }

.f-yellow,.fyellow, .f-yellow a,.fyellow a{ color:#ff0; }
.f-yellow a:hover,.fyellow a:hover, a.f-yellow:hover,a.fyellow:hover{ color:#e6e600; }

.f-green,.fgreen, .f-green a,.fgreen a{ color:#008000; }
.f-green a:hover,.fgreen a:hover, a.f-green:hover,a.fgreen:hover{ color:#009600; }

.f-teal,.fteal, .f-teal a,.fteal a{ color:#0ff; }
.f-teal a:hover,.fteal a:hover, a.f-teal:hover,a.fteal:hover{ color:#00e0e0; }

.f-blue,.fblue, .f-blue a,.fblue a{ color:#00f; }
.f-blue a:hover,.fblue a:hover, a.f-blue:hover,a.fblue:hover{ color:#0000e0; }

.f-violet,.fviolet, .f-violet a,.fviolet a{ color:#ee82ee; }
.f-violet a:hover,.fviolet a:hover, a.f-violet:hover,a.fviolet:hover{ color:#ce67ce; }

.f-black,.fblack, .f-black a,.fblack a{ color:#000; }
.f-black a:hover,.fblack a:hover, a.f-black:hover,a.fblack:hover{ color:#2a2a2a; }

.f-white,.fwhite, .f-white a,.fwhite a{ color:#fff; }
.f-white a:hover,.fwhite a:hover, a.f-white:hover,a.fwhite:hover{ color:#e3e3e3; }

.f-gray,.fgray, .f-gray a,.fgray a{ color:#808080; }
.f-gray a:hover,.fgray a:hover, a.f-gray:hover,a.fgray:hover{ color:#a3a3a3; }

.f-black-2,.fblack-2,.fblack2, .f-black-2 a,.fblack-2 a,.fblack2 a{ color:#232a36; }
.f-black-2 a:hover,.fblack-2 a:hover,.fblack2 a:hover, a.f-black-2:hover,a.fblack-2:hover,a.fblack2:hover{ color:#353f4d; }
.f-gray-2,.fgray-2,.fgray2, .f-gray-2 a,.fgray-2 a,.fgray2 a{ color:#f1f1f1; }
.f-gray-2 a:hover,.fgray-2 a:hover,.fgray2 a:hover, a.f-gray-2:hover,a.fgray-2:hover,a.fgray2:hover{ color:#bababa; }
.f-blue-2,.fblue-2,.fblue2, .f-blue-2 a,.fblue-2 a,.fblue2 a{ color:#13B8D6; }
.f-blue-2 a:hover,.fblue-2 a:hover,.fblue2 a:hover, a.f-blue-2:hover,a.fblue-2:hover,a.fblue2:hover{ color:#13b7d5; }
.f-green-2,.fgreen-2,.fgreen2, .f-green-2 a,.fgreen-2 a,.fgreen2 a{ color:#00CC00; }
.f-green-2 a:hover,.fgreen-2 a:hover,.fgreen2 a:hover, a.f-green-2:hover,a.fgreen-2:hover,a.fgreen2:hover{ color:#00a300; }

.f_3,.f-3,.f3 { color: #333 }
.f_6,.f-6,.f6 { color: #666 }
.f_9,.f-9,.f9 { color: #999 }
.f_f60,.f-f60,.ff60{ color: #f60 }
.f_4c,.f-4c,.f4c { color: #4c4c4c }
.f_b4,.f-b4,.fb4 { color: #b4b4b4 }
.f_454,.f-454,.f454 { color: #454a52 }
.f_2a7,.f-2a7,.f2a7 { color: #2a7eba }
.f_c,.f-c,.fc { color: #ccc }
.f_red { color: #ff4200 }
.f_gold { color: #fdf56e }
.f_samllred { color: #b51c1c }

/*end字体颜色*/


/*margin padding*/

.mauto,.mar_auto{ margin:0 auto;}

.mar_5,.m5 { margin: 5px!important }
.mar_l5,.ml5, .ml_5 { margin-left: 5px }
.mar_r5,.mr5, .mr_5 { margin-right: 5px }
.mar_t5,.mt5, .mt_5 { margin-top: 5px }
.mar_b5,.mb5, .mb_5 { margin-bottom: 5px }
.mar_10,.m10 { margin: 10px }
.mar_l10,.ml10, .ml_10 { margin-left: 10px }
.mar_r10,.mr10, .mr_10 { margin-right: 10px }
.mar_t10,.mt10, .mt_10 { margin-top: 10px }
.mar_b10,.mb10, .mb_10 { margin-bottom: 10px }
.mar_15,.m15 { margin: 15px }
.mar_l15,.ml15, .ml_15 { margin-left: 15px }
.mar_t15,.mt15, .mt_15 { margin-top: 15px }
.mar_b15,.mb15, .mb_15 { margin-bottom: 15px }
.mar_r15,.mr15, .mr_15 { margin-right: 15px }
.mar_20,.m20 { margin: 20px }
.mar_l20,.ml20, .ml_20 { margin-left: 20px }
.mar_r20,.mr20, .mr_20 { margin-right: 20px }
.mar_t20,.mt20, .mt_20 { margin-top: 20px }
.mar_b20,.mb20, .mb_20 { margin-bottom: 20px }
.mar_25,.m25 { margin: 25px }
.mar_l25,.ml25, .ml_25 { margin-left: 25px }
.mar_r25,.mr25, .mr_25 { margin-right: 25px }
.mar_t25,.mt25, .mt_25 { margin-top: 25px }
.mar_b25,.mb25, .mb_25 { margin-bottom: 25px }
.mar_30,.m30 { margin: 30px }
.mar_l30,.ml30, .ml_30 { margin-left: 30px }
.mar_r30,.mr30, .mr_30 { margin-right: 30px }
.mar_t30,.mt30, .mt_30 { margin-top: 30px }
.mar_b30,.mb30, .mb_30 { margin-bottom: 30px }
.mar_40,.m40 { margin: 40px }
.mar_l40,.ml40, .ml_40 { margin-left: 40px }
.mar_r40,.mr40, .mr_40 { margin-right: 40px }
.mar_t40,.mt40, .mt_40 { margin-top: 40px }
.mar_b40,.mb40, .mb_40 { margin-bottom: 40px }
.pad_b40,.pb40 { padding-bottom: 40px }
.pad_5,.p5 { padding: 5px }
.pad_l5,.pl5 { padding-left: 5px }
.pad_t5,.pt5 { padding-top: 5px }
.pad_r5,.pr5 { padding-right: 5px }
.pad_b5,.pb5 { padding-bottom: 5px }
.pad_10,.p10 { padding: 10px }
.pad_l10,.pl10 { padding-left: 10px }
.pad_t10,.pt10 { padding-top: 10px }
.pad_r10,.pr10 { padding-right: 10px }
.pad_b10,.pb10 { padding-bottom: 10px }
.pad_15,.p15 { padding: 15px }
.pad_l15,.pl15 { padding-left: 15px }
.pad_t15,.pt15 { padding-top: 15px }
.pad_r15,.pr15 { padding-right: 15px }
.pad_b15,.pb15 { padding-bottom: 15px }
.pad_20,.p20 { padding: 20px }
.pad_l20,.pl20 { padding-left: 20px }
.pad_t20,.pt20 { padding-top: 20px }
.pad_r20,.pr20 { padding-right: 20px }
.pad_b20,.pb20 { padding-bottom: 20px }
.pad_25,.p25 { padding: 25px }
.pad_l25,.pl25 { padding-left: 25px }
.pad_t25,.pt25 { padding-top: 25px }
.pad_r25,.pr25 { padding-right: 25px }
.pad_b25,.pb25 { padding-bottom: 25px }
.pad_30,.p30 { padding: 30px }
.pad_l30,.pl30 { padding-left: 30px }
.pad_t30,.pt30 { padding-top: 30px }
.pad_r30,.pr30 { padding-right: 30px }
.pad_b30,.pb30 { padding-bottom: 30px; }
.pad_40,.p40 { padding: 40px }
.pad_l40,.pl40 { padding-left: 40px }
.pad_t40,.pt40 { padding-top: 40px }
.pad_r40,.pr40 { padding-right: 40px }
.pad_b40,.pb40 { padding-bottom: 40px }
.pad_60,.p60 { padding: 60px }
.pad_l60,.pl60 { padding-left: 60px }
.pad_t60,.pt60 { padding-top: 60px }
.pad_r60,.pr60 { padding-right: 60px }
.pad_b60,.pb60 { padding-bottom: 60px }
.pad_80,.p80 { padding: 80px }
.pad_l80,.pl80 { padding-left: 80px }
.pad_t80,.pt80 { padding-top: 80px }
.pad_r80,.pr80 { padding-right: 80px }
.pad_b80,.pb80 { padding-bottom: 80px }

/*end margin padding*/

/**列表**/

.list-horizontal{ padding:0; margin:0; list-style:none;}
.list-horizontal li{ float:left;}
.list-horizontal.list-right li{ float:right;}
.list-space-10{ padding-left:5px; padding-right:5px;}
.list-space-10 li{ padding-left:5px; padding-right:5px;}
.list-space-20{ padding-left:10px; padding-right:10px;}
.list-space-20 li{ padding-left:10px; padding-right:10px;}
.list-space-30{ padding-left:15px; padding-right:15px;}
.list-space-30 li{ padding-left:15px; padding-right:15px;}
.list-space-50{ padding-left:25px; padding-right:25px;}
.list-space-50 li{ padding-left:25px; padding-right:25px;}
.list-space-60{ padding-left:30px; padding-right:30px;}
.list-space-60 li{ padding-left:30px; padding-right:30px;}
.list-space-70{ padding-left:35px; padding-right:35px;}
.list-space-70 li{ padding-left:35px; padding-right:35px;}
.list-space-80{ padding-left:40px; padding-right:40px;}
.list-space-80 li{ padding-left:40px; padding-right:40px;}
.list-space-90{ padding-left:45px; padding-right:45px;}
.list-space-90 li{ padding-left:45px; padding-right:45px;}
.list-space-100{ padding-left:50px; padding-right:50px;}
.list-space-100 li{ padding-left:50px; padding-right:50px;}

.list-in{list-style-position:inside;}
.list-out{list-style-position:outside;}

/**end 列表**/

/*浮动与定位*/

.fl{ float:left;}
.fr{ float:right;}
.clear{content: ' ';display: block;clear: both;zoom: 1;}
.clear:after {content: ' ';display: block; clear: both;height: 0;line-height: 0;}
.clearfix { display: block; zoom: 1 }
.clearfix:after { content: '\20'; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }

.posa,.abs{ position:absolute;}
.posr,.rel{ position:relative;}
.posf,.fixed{ position:fixed;}
.poss,.static{ position:static;}

.z1{z-index:1;}
.z2{z-index:2;}
.z3{z-index:3;}
.z9{z-index:9;}
.z99{z-index:99;}
.z101{z-index:101;}
.z999{z-index:999;}
.z1001{z-index:1001;}
.z9999{z-index:9999;}
.z10001{z-index:10001;}


.top0{ top:0;}
.top3{ top:3px;}
.top5{ top:5px;}
.top8{ top:8px;}
.top10{ top:10px;}
.top12{ top:12px;}
.top15{ top:15px;}
.top18{ top:18px;}
.top20{ top:20px;}
.top30{ top:30px;}
.top40{ top:40px;}
.top50{ top:50px;}
.top60{ top:60px;}
.top70{ top:70px;}
.top80{ top:80px;}

.left0{ left:0;}
.left3{ left:3px;}
.left5{ left:5px;}
.left8{ left:8px;}
.left10{ left:10px;}
.left12{ left:12px;}
.left15{ left:15px;}
.left18{ left:18px;}
.left20{ left:20px;}
.left30{ left:30px;}
.left40{ left:40px;}
.left50{ left:50px;}
.left60{ left:60px;}
.left70{ left:70px;}
.left80{ left:80px;}

.right0{ right:0;}
.right3{ right:3px;}
.right5{ right:5px;}
.right8{ right:8px;}
.right10{ right:10px;}
.right12{ right:12px;}
.right15{ right:15px;}
.right18{ right:18px;}
.right20{ right:20px;}
.right30{ right:30px;}
.right40{ right:40px;}
.right50{ right:50px;}
.right60{ right:60px;}
.right70{ right:70px;}
.right80{ right:80px;}

.bottom0{ bottom:0;}
.bottom3{ bottom:3px;}
.bottom5{ bottom:5px;}
.bottom8{ bottom:8px;}
.bottom10{ bottom:10px;}
.bottom12{ bottom:12px;}
.bottom15{ bottom:15px;}
.bottom18{ bottom:18px;}
.bottom20{ bottom:20px;}
.bottom30{ bottom:30px;}
.bottom40{ bottom:40px;}
.bottom50{ bottom:50px;}
.bottom60{ bottom:60px;}
.bottom70{ bottom:70px;}
.bottom80{ bottom:80px;}

/*end 浮动与定位*/

/*图层显示方式*/

.hide{ display: none !important;}
.hidden{ visibility:hidden;}
.show{ display: block !important;}
.inline{ display: inline;}
.inlineb{ display: inline-block;}
.block{ display: block;}

/*end图层显示方式*/


/*小图标*/

.i-dot{ width:10px;height:7px; display:inline-block; background:url(common-img/dot.png) top left no-repeat; vertical-align:middle;}


/*END小图标*/


/*辅助*/

.caret-down{
    display:inline-block; width:0; height:0;
    vertical-align:middle;
    border-top:8px dashed;
    border-top:8px solid\9;
    border-right:8px solid transparent;
    border-left:8px solid transparent;
}
.caret-up{
    display:inline-block; width:0; height:0;
    vertical-align:middle;
    border-bottom:8px dashed;
    border-bottom:8px solid\9;
    border-right:8px solid transparent;
    border-left:8px solid transparent;
}
.caret-left{
    display:inline-block; width:0; height:0;
    vertical-align:middle;
    border-right:8px dashed;
    border-right:8px solid\9;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
}
.caret-right{
    display:inline-block; width:0; height:0;
    vertical-align:middle;
    border-left:8px dashed;
    border-left:8px solid\9;
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
}

.arrow-top{ position:relative; width:100%;overflow:visible;}
.arrow-top span{
    position:absolute;
    top:-8px;left:250px;
    display:inline-block; width:0; height:0;
    vertical-align:middle;
    border-bottom:8px dashed #ebebeb;
    border-bottom:8px solid\9;
    border-right:8px solid transparent;
    border-left:8px solid transparent;
    overflow:visible;
}
.arrow-top span i{
    position:absolute;
    display:inline-block;
    width:0; height:0;
    top:2px;
    left:-8px;
    vertical-align:middle;
    border-bottom:8px dashed #fff;
    border-bottom:8px solid\9;
    border-right:8px solid transparent;
    border-left:8px solid transparent;
}
/*end辅助*/

/*按钮*/

.btn{ display:inline-block; padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:400; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:4px }

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{ outline:5px auto -webkit-focus-ring-color; outline-offset:-2px }

.btn.focus, .btn:focus, .btn:hover{ color:#333; text-decoration:none }

.btn.active, .btn:active{ background-image:none; outline:0; -webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125) }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn{ cursor:not-allowed; filter:alpha(opacity=65); -webkit-box-shadow:none; box-shadow:none; opacity:.65 }

a.btn.disabled, fieldset[disabled] a.btn{ pointer-events:none }

.btn-default{ color:#333; background-color:#fff; border-color:#ccc }

.btn-default.focus, .btn-default:focus{ color:#333; background-color:#e6e6e6; border-color:#8c8c8c }

.btn-default:hover{ color:#333; background-color:#e6e6e6; border-color:#adadad }

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default{ color:#333; background-color:#e6e6e6; border-color:#adadad }

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover{ color:#333; background-color:#d4d4d4; border-color:#8c8c8c }

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default{ background-image:none }

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover{ background-color:#fff; border-color:#ccc }

.btn-default .badge{ color:#fff; background-color:#333 }

.btn-pri{ color:#fff; background-color:#337ab7; border-color:#2e6da4 }

.btn-pri.focus, .btn-pri:focus{ color:#fff; background-color:#286090; border-color:#122b40 }

.btn-pri:hover{ color:#fff; background-color:#286090; border-color:#204d74 }

.btn-pri.active, .btn-pri:active, .open > .dropdown-toggle.btn-pri{ color:#fff; background-color:#286090; border-color:#204d74 }

.btn-pri.active.focus, .btn-pri.active:focus, .btn-pri.active:hover, .btn-pri:active.focus, .btn-pri:active:focus, .btn-pri:active:hover, .open > .dropdown-toggle.btn-pri.focus, .open > .dropdown-toggle.btn-pri:focus, .open > .dropdown-toggle.btn-pri:hover{ color:#fff; background-color:#204d74; border-color:#122b40 }

.btn-pri.active, .btn-pri:active, .open > .dropdown-toggle.btn-pri{ background-image:none }

.btn-pri.disabled.focus, .btn-pri.disabled:focus, .btn-pri.disabled:hover, .btn-pri[disabled].focus, .btn-pri[disabled]:focus, .btn-pri[disabled]:hover, fieldset[disabled] .btn-pri.focus, fieldset[disabled] .btn-pri:focus, fieldset[disabled] .btn-pri:hover{ background-color:#337ab7; border-color:#2e6da4 }

.btn-pri .badge{ color:#337ab7; background-color:#fff }

.btn-success{ color:#fff; background-color:#5cb85c; border-color:#4cae4c }

.btn-success.focus, .btn-success:focus{ color:#fff; background-color:#449d44; border-color:#255625 }

.btn-success:hover{ color:#fff; background-color:#449d44; border-color:#398439 }

.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success{ color:#fff; background-color:#449d44; border-color:#398439 }

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover{ color:#fff; background-color:#398439; border-color:#255625 }

.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success{ background-image:none }

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover{ background-color:#5cb85c; border-color:#4cae4c }

.btn-success .badge{ color:#5cb85c; background-color:#fff }

.btn-info{ color:#fff; background-color:#009DD9; border-color:#46b8da }

.btn-info.focus, .btn-info:focus{ color:#fff; background-color:#31b0d5; border-color:#1b6d85 }

.btn-info:hover{ color:#fff; background-color:#31b0d5; border-color:#269abc }

.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info{ color:#fff; background-color:#31b0d5; border-color:#269abc }

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover{ color:#fff; background-color:#269abc; border-color:#1b6d85 }

.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info{ background-image:none }

.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover{ background-color:#5bc0de; border-color:#46b8da }

.btn-info .badge{ color:#5bc0de; background-color:#fff }

.btn-warning{ color:#fff; background-color:#f0ad4e; border-color:#eea236 }

.btn-warning.focus, .btn-warning:focus{ color:#fff; background-color:#ec971f; border-color:#985f0d }

.btn-warning:hover{ color:#fff; background-color:#ec971f; border-color:#d58512 }

.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning{ color:#fff; background-color:#ec971f; border-color:#d58512 }

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover{ color:#fff; background-color:#d58512; border-color:#985f0d }

.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning{ background-image:none }

.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover{ background-color:#f0ad4e; border-color:#eea236 }

.btn-warning .badge{ color:#f0ad4e; background-color:#fff }

.btn-danger{ color:#fff; background-color:#d9534f; border-color:#d43f3a }

.btn-danger.focus, .btn-danger:focus{ color:#fff; background-color:#c9302c; border-color:#761c19 }

.btn-danger:hover{ color:#fff; background-color:#c9302c; border-color:#ac2925 }

.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger{ color:#fff; background-color:#c9302c; border-color:#ac2925 }

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover{ color:#fff; background-color:#ac2925; border-color:#761c19 }

.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger{ background-image:none }

.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover{ background-color:#d9534f; border-color:#d43f3a }

.btn-danger .badge{ color:#d9534f; background-color:#fff }

.btn-link{ font-weight:400; color:#13B8D6; border-radius:0 }

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link{ background-color:transparent; -webkit-box-shadow:none; box-shadow:none }

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover{ border-color:transparent }

.btn-link:focus, .btn-link:hover{ color:#23527c; text-decoration:underline; background-color:transparent }

.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover{ color:#777; text-decoration:none }

.btn-group-lg > .btn, .btn-lg{ padding:10px 16px; font-size:18px; line-height:1.3333333; border-radius:6px }

.btn-group-sm > .btn, .btn-sm{ padding:5px 10px; font-size:12px; line-height:1.5; border-radius:3px }

.btn-group-xs > .btn, .btn-xs{ padding:1px 5px; font-size:12px; line-height:1.5; border-radius:3px }

.btn-block{ display:block; width:100% }
.btn-block + .btn-block{ margin-top:5px }
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block{ width:100% }

.btn-long{ padding:8px 30px}
.btn-long-lg{ padding:8px 50px}
.btn-flat{border-radius:0}

/*end按钮*/


/**圆角**/

.rad1{border-radius:1px}
.rad2{border-radius:2px}
.rad3{border-radius:3px}
.rad4{border-radius:4px}
.rad5{border-radius:5px}
.rad6{border-radius:6px}
.rad7{border-radius:7px}
.rad8{border-radius:8px}
.rad9{border-radius:9px}
.rad10{border-radius:10px}
.rad11{border-radius:11px}
.rad12{border-radius:12px}
.rad15{border-radius:15px}
.rad18{border-radius:18px}
.rad20{border-radius:20px}
.rad22{border-radius:22px}
.rad25{border-radius:25px}
.rad28{border-radius:28px}
.rad30{border-radius:30px}
.rad35{border-radius:35px}
.rad40{border-radius:40px}
.rad45{border-radius:45px}
.rad50{border-radius:50px}
.rad60{border-radius:60px}
.rad70{border-radius:70px}
.rad80{border-radius:80px}
.rad90{border-radius:90px}
.rad100{border-radius:100px}
.rad120{border-radius:120px}
.rad150{border-radius:150px}
.rad180{border-radius:180px}
.rad200{border-radius:200px}

.rada1{border-top-left-radius:1px}
.rada2{border-top-left-radius:2px}
.rada3{border-top-left-radius:3px}
.rada4{border-top-left-radius:4px}
.rada5{border-top-left-radius:5px}
.rada6{border-top-left-radius:6px}
.rada7{border-top-left-radius:7px}
.rada8{border-top-left-radius:8px}
.rada9{border-top-left-radius:9px}
.rada10{border-top-left-radius:10px}
.rada11{border-top-left-radius:11px}
.rada12{border-top-left-radius:12px}
.rada15{border-top-left-radius:15px}
.rada18{border-top-left-radius:18px}
.rada20{border-top-left-radius:20px}
.rada22{border-top-left-radius:22px}
.rada25{border-top-left-radius:25px}
.rada28{border-top-left-radius:28px}
.rada30{border-top-left-radius:30px}
.rada35{border-top-left-radius:35px}
.rada40{border-top-left-radius:40px}
.rada45{border-top-left-radius:45px}
.rada50{border-top-left-radius:50px}
.rada60{border-top-left-radius:60px}
.rada70{border-top-left-radius:70px}
.rada80{border-top-left-radius:80px}
.rada90{border-top-left-radius:90px}
.rada100{border-top-left-radius:100px}
.rada120{border-top-left-radius:120px}
.rada150{border-top-left-radius:150px}
.rada180{border-top-left-radius:180px}
.rada200{border-top-left-radius:200px}

.radb1{border-top-right-radius:1px}
.radb2{border-top-right-radius:2px}
.radb3{border-top-right-radius:3px}
.radb4{border-top-right-radius:4px}
.radb5{border-top-right-radius:5px}
.radb6{border-top-right-radius:6px}
.radb7{border-top-right-radius:7px}
.radb8{border-top-right-radius:8px}
.radb9{border-top-right-radius:9px}
.radb10{border-top-right-radius:10px}
.radb11{border-top-right-radius:11px}
.radb12{border-top-right-radius:12px}
.radb15{border-top-right-radius:15px}
.radb18{border-top-right-radius:18px}
.radb20{border-top-right-radius:20px}
.radb22{border-top-right-radius:22px}
.radb25{border-top-right-radius:25px}
.radb28{border-top-right-radius:28px}
.radb30{border-top-right-radius:30px}
.radb35{border-top-right-radius:35px}
.radb40{border-top-right-radius:40px}
.radb45{border-top-right-radius:45px}
.radb50{border-top-right-radius:50px}
.radb60{border-top-right-radius:60px}
.radb70{border-top-right-radius:70px}
.radb80{border-top-right-radius:80px}
.radb90{border-top-right-radius:90px}
.radb100{border-top-right-radius:100px}
.radb120{border-top-right-radius:120px}
.radb150{border-top-right-radius:150px}
.radb180{border-top-right-radius:180px}
.radb200{border-top-right-radius:200px}

.radc1{border-bottom-right-radius:1px}
.radc2{border-bottom-right-radius:2px}
.radc3{border-bottom-right-radius:3px}
.radc4{border-bottom-right-radius:4px}
.radc5{border-bottom-right-radius:5px}
.radc6{border-bottom-right-radius:6px}
.radc7{border-bottom-right-radius:7px}
.radc8{border-bottom-right-radius:8px}
.radc9{border-bottom-right-radius:9px}
.radc10{border-bottom-right-radius:10px}
.radc11{border-bottom-right-radius:11px}
.radc12{border-bottom-right-radius:12px}
.radc15{border-bottom-right-radius:15px}
.radc18{border-bottom-right-radius:18px}
.radc20{border-bottom-right-radius:20px}
.radc22{border-bottom-right-radius:22px}
.radc25{border-bottom-right-radius:25px}
.radc28{border-bottom-right-radius:28px}
.radc30{border-bottom-right-radius:30px}
.radc35{border-bottom-right-radius:35px}
.radc40{border-bottom-right-radius:40px}
.radc45{border-bottom-right-radius:45px}
.radc50{border-bottom-right-radius:50px}
.radc60{border-bottom-right-radius:60px}
.radc70{border-bottom-right-radius:70px}
.radc80{border-bottom-right-radius:80px}
.radc90{border-bottom-right-radius:90px}
.radc100{border-bottom-right-radius:100px}
.radc120{border-bottom-right-radius:120px}
.radc150{border-bottom-right-radius:150px}
.radc180{border-bottom-right-radius:180px}
.radc200{border-bottom-right-radius:200px}

.rad50p{border-radius:50%}
.rad40p{border-radius:40%}
.rad30p{border-radius:30%}
.rad20p{border-radius:20%}
.rad10p{border-radius:10%}
.rad5p{border-radius:5%}

.rada50p{border-top-left-radius:50%}
.rada40p{border-top-left-radius:40%}
.rada30p{border-top-left-radius:30%}
.rada20p{border-top-left-radius:20%}
.rada10p{border-top-left-radius:10%}
.rada5p{border-top-left-radius:5%}

.radb50p{border-top-right-radius:50%}
.radb40p{border-top-right-radius:40%}
.radb30p{border-top-right-radius:30%}
.radb20p{border-top-right-radius:20%}
.radb10p{border-top-right-radius:10%}
.radb5p{border-top-right-radius:5%}

.radc50p{border-bottom-right-radius:50%}
.radc40p{border-bottom-right-radius:40%}
.radc30p{border-bottom-right-radius:30%}
.radc20p{border-bottom-right-radius:20%}
.radc10p{border-bottom-right-radius:10%}
.radc5p{border-bottom-right-radius:5%}

.radd50p{border-bottom-left-radius:50%}
.radd40p{border-bottom-left-radius:40%}
.radd30p{border-bottom-left-radius:30%}
.radd20p{border-bottom-left-radius:20%}
.radd10p{border-bottom-left-radius:10%}
.radd5p{border-bottom-left-radius:5%}

/**end圆角**/


/**label**/


.lab{padding:8px 30px;background:#f1f1f1;}

.lab-group{font-size:30px;}
.lab-group span{font-size:14px;padding:5px 15px; display:inline-block; background:#f1f1f1;}
.lab-group.lab-fs18 span{font-size:18px;}


/**end label**/


/*tabs*/



.tabs{ height:50px; line-height:54px;font-size:0; position:relative; background:#fff; border-bottom:1px solid #ddd; width:100%;text-align:center;}

.tabs-scroll-spy>.tabs{width:1200px; margin:30px auto;}
.tabs-scroll-spy.tabs-scroll-top{height:50px}
.tabs-scroll-spy.tabs-scroll-top>.tabs{ width:100%; margin:0;position:fixed; top:0; left:0;z-index:19880501}



.tabs .container .tab{height:50px; display:inline-block;padding:0 8px; color:#333; text-align:center;font-size:14px; cursor:pointer; margin:0 20px; vertical-align:top;}
.tabs .container .tab:hover{color:#00a2ca}
.tabs .container .tab.tab-active{ border-bottom:2px solid #04a3cb;color:#00a2ca; height:48px; line-height:48px;}



/*end tabs*/

.table{ width:100%;}
.table th { background:#fafafa; padding: 15px 0;border:1px solid #eee }
.compact-table.table th{padding: 8px 0;}


.table td { text-align: center; padding: 12px 0; line-height: 26px; color: #666;border:1px solid #eee }

.compact-table.table td{padding: 5px 0;}
.table tr.even td { background: #fafafa }
.table .table_time { width: 25% }
.table td.table_timelog, .table th.table_timelog { width: 150px }
.table td.td_time { width: 120px }
.table td.td_morelink { width: 80px }
.table td.td_morelink a { display: block }
.table td .explain_td { display: inline-block; width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }

.table-no-border th,.table-no-border td{ border:none;}

.flex{ display:flex;}
.flex1{flex:1;}
.flex2{flex:2;}
.flex3{flex:3;}

/* 手机等小屏幕手持设备 */
@media screen and (min-width:320px) and (max-width:480px){
    .fs16{
        font-size:14px;
    }
}

/* 平板之类的宽度 1024 以下设备 */
@media only screen and (min-width:321px) and (max-width:1024px){
    .fs16{
        font-size:15px;
    }
}

@media  screen and (min-width:768px) and (max-width:1024px){
    .fs14{ font-size:16px;}
    .fs15{ font-size:16px;}
    .fs16{ font-size:16px;}
}