@charset "UTF-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,b { margin: 0; padding: 0; }
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
body{font:14px/1.6 "Microsoft YaHei",tahoma,arial,"Hiragino Sans GB",sans-serif;color: #4c4c4c;}
img{ border:none; display:block;}
ul, ol, li { list-style: none outside none; }
em, i{font-style: normal;}
a { text-decoration: none; outline: medium none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
a:hover{ color:#079FCC; }
input,select,button { font:100% tahoma,\5b8b\4f53,arial; vertical-align:baseline; *vertical-align:middle; vertical-align: middle; }
input[type=checkbox],input[type=radio] { vertical-align:middle; }
fieldset{border: 0 none;}
.db{display: block !important;}
.dib{display: inline-block;}
.fl{ float: left; }
.fr{ float: right; }
.fw100{font-weight: 100;}
.left { display: inline; float: left; }
.right { display: inline; float: right; }
.por{position: relative;}
.clearfix:before { content:''; display:block; height:0; clear:both; }
.clearfix:after { content:''; display:block; height:0; clear:both; }
.clearfix {*zoom:1; }
.clear { clear:both; height:0; overflow:hidden; }
.hidden{display: none;}
.clear-after:after { content:''; display:block; height:0; clear:both; }
.oh{overflow: hidden;}
.ellipsis{display: inline-block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top;}



.container{width: 1200px;margin:0 auto;}


/*===========字体颜色===============*/
.c2b7{color: #26C2B7;} /*主色*/
.fa6{color: #FA6307;}  /*橙色*/
.f39{color: #3F98FF !important;} /*深蓝色*/
.a28{color: #28AE60;} /*青色*/
.cf36{color: #363636;} /*深黑*/
.cf75{color: #F75C4E;} /*古典红*/
.c666{color: #666;}
.c999{color: #999;}
.c4f{color: #4F4F4F;}
.c32{color: #FF3232;} /*大红*/
.c333{color: #333;}

/*=======文字大小========*/
.f12{font-size: 12px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}

/*===========文本排版===========*/
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-index24{text-indent: 24px;}

.ptb10{padding:10px 0;}
.ptb25{padding:25px 0;}

.pt35{padding-top: 35px;}


.pll5{padding-left: 15px;}


.mt0{margin-top: 0 !important;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt45{margin-top: 45px;}

.mb10{margin-bottom: 10px;}

.mr5{margin-right: 5px;}
.mr20{margin-right: 20px;}









/*==================form base================*/
.form-group{margin-bottom: 15px;position: relative;}
.form-control { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; }
.form-control:focus { border-color: #26C2B7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(38, 194, 183, 0.6); outline: 0 none; }
.form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
label { display: inline-block; font-weight: 700; margin-bottom: 5px; max-width: 100%; }
.form-inline .form-control { display: inline-block; vertical-align: middle; width: auto; }
.checkbox-inline, .radio-inline { cursor: pointer; display: inline-block; font-weight: 400; margin-bottom: 0; padding-left: 20px; position: relative; vertical-align: middle; }
.btn { -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 14px; text-align: center; vertical-align: middle; white-space: nowrap; color: white;}
.btn:hover{opacity: .75;}
.btn-orange{background-color: #FF7E34;}
.btn-yellow{background-color: #F4A60B;}
.btn-cyan{background-color: #26C2B7;}
.btn-default{background-color: #ddd;color: #363636;}

.input-lg { border-radius: 6px; font-size: 18px; height: 46px; line-height: 1.33333; padding: 10px 16px; }
.input-sm { border-radius: 3px; font-size: 12px; height: 30px; line-height: 1.5; padding: 5px 10px; }
/*input:text预定宽度*/
.input-mini { width: 60px !important;}
.input-small { width: 90px !important; }
.input-medium { width: 150px !important; }
.input-large { width: 210px !important; }
.input-xlarge { width: 270px !important; }
.input-xxlarge { width: 530px !important; }





/*=====加载更多=====*/
.mare-body{text-align: center;padding: 15px 0;}



/*======弹窗组件===========*/
.popup,.popups,.popupes{width: 100%;height: 100%;z-index: 9999;background:rgba(0,0,0,.75);position: fixed;top: 0;left: 0; filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";display: none;}
.popup .popup-cont,.popups .popup-cont,.popupes .popup-cont{width: 800px;height: 525px;background-color: #fff;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin:auto;overflow-y: auto;}














/*=============footer=================*/
.footer{padding:30px 0;border-top: 1px solid #E6E6E6;margin-top: 20px;overflow: hidden;}
.footer-cont{text-align: center;color: #B3B3B3;font-size: 12px;}
.footer-cont ul{overflow: hidden;display: inline-block;}
.footer-cont li{float: left;}
.footer-cont li a{color: #B3B3B3;font-size: 12px;padding:0 5px;}












