﻿@charset "utf-8";
/* CSS Document */
body { margin: 0px; padding: 0px; color: #3a3a3a; }
/*公共样式*/

A { TEXT-DECORATION: none; color: #3a3a3a }
A:hover { COLOR: #ff6600 }
.clear { clear: both }
.fl { float: left }
.fr { float: right }
img { border: 0px; }
DIV, ul, li, h1, h2, p, dl, dt, dd { margin: 0; padding: 0; list-style: none }
.main { width: 100%; /*max-width: 840px;*/
	margin: 0 auto; position: relative; overflow:hidden }
.title { display: inline-block; position: relative; border-left: 6px #f8413d solid; padding: 0 13px; font-size: 1.1em; line-height:30px }
.title:after { content: ""; position: absolute; left:100%; top: 0; height: 100%; width:640px; background-color: #f6f6f6 }
.clear { clear: both; }
.gao5 { clear: both; height: 5px; }
.gao20 { clear: both; height: 20px; }
.gao10 { clear: both; height: 10px; }
.huise { background: #f3f3f3; }
/* top.php */

.nav { clear: both; margin-top: 5px; width: 100%; background: #fff; color: #FFF; overflow: hidden; border-bottom: 2px #f8413d solid; }
.nav ul { width: 100% }
.nav li { width: 25%; float: left; text-align: center; padding: 10px 0; }
.nav li a { display: block; font-size: 15px; padding: 6px 0; color: #444; }
.nav li a img { width: 50%; }
.banner-fix { background-color:#fff; display:block; padding:20px; padding-top:5px; }
.shiting { color:#474546; font-size:24px; line-height:50px; text-align:center; font-weight:bold; margin-top:10px; }
.banner-fix span { width:280px; margin:0 auto; display:block; }
.banner-fix label { display:block; font-size:15px; line-height:38px; }
.input1 { width:280px; height:25px; }
/* index.php  */

.mores { width: 30%; background:#005393; margin: 0 auto; padding:5px 0px; margin-top:20px; text-align: center; border-radius:30px; }
.mores a { width: 80%; font-size:15px; text-align: center; color: #fff; }
.sort { width: 95%; margin: 0 auto; color: #FFF; overflow: hidden; }
.sort ul li { margin: 10px auto; height: 50px; line-height: 50px; text-align: left; border: 1px solid #dfdfdf; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef)); background: -moz-linear-gradient(top, #ffffff, #f0f0f0);/* Firefox */  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef, endColorstr=#f0f0f0, grandientType=0)
}
.sort ul li a { display: block; line-height: 50px; font-size: 18px; padding-left: 20px; font-weight: bolder; color: #5D5D5D; }
.sort ul li a:hover { background-color: #FCEADE; }
.product { width: 99%; margin: 0 auto }
.product li { width: 33%; float: left; margin: 5px auto }
.product li div { position: relative; width: 97%; margin: 0 auto }
.picbox img { width: 100% }
.pictitle { position: absolute; width: 100%; bottom: 5px; left: 0; text-align: center; height: 20px; line-height: 20px; color: #fff; background-color: rgba(034, 034, 034, 0.5); }
/* gallery.php */

.nei_nav { position: relative; float: right; background: url(icon_1.png) center no-repeat; background-size:30px; width: 17%; height: 30px; margin-top: 10px; margin-right: 2%; line-height: 30px; text-align: center; border-radius: 10px; color: #FFF; font-size: 1.1em }
.nei_nav a { display:block; width: 100%; height: 30px; }
#pro li { float: left; display: block; padding: 2%; line-height: 21px; text-align: center; width: 46%; }
#pro li div { display: block; width: 97%; border: 1px solid #f8413d; float: left; padding: 2px; text-align: center; overflow: hidden }
#pro li img { width: 99%; border: 1px solid #fff; float: left; }
#pro p { width: 100%; height: 28px; line-height: 28px; float: left; text-align: center; color: #fff; background: #f8413d; margin-top: 9px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.product_sort { display: block; width: 80px; margin-right: 2%; background: #004B8D; font-size: 0.9em; height: 25px; line-height: 25px; margin-top: 2.5px; border-radius: 5px; color: #FFF; text-align: center }
.gallery_more { display: block; width: 50%; margin: 10px auto; padding: 8px 0; text-align: center; background: #f8413d; color: #FFF }
.allsort { display: none; position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
.allsort .close { border-right: 1px #FFFFFF solid; width: 20%; background: rgba(0, 0, 0, 0.5); }
.allsort .closeicon { width: 100%; height: 100px; background: url(back.png) no-repeat 50% 30px; background-size: 40px; }
.allsort ul { background: #015BAA; height: 100% }
.allsort ul li { height: 30px; line-height: 30px; border-bottom: 1px solid #FFF; color: #FFF; text-indent: 15px; }
.allsort ul li a { color: #FFF }
.allsort ul li span { float: right; height: 20px; margin-top: 5px; background: #004B8D; border-radius: 8px; margin-right: 5px; font-size: 0.9em; text-indent: 0; line-height: 20px; padding: 0 15px; color: #FFF }
/* show.php */

.show_titie { width: 100%; height: 40px; background: #4078c0 }
.show_back { float: left; background: #2f3842; width: 18%; height: 30px; margin-top: 5px; margin-left: 2%; line-height: 30px; text-align: center; border-radius: 10px }
.show_back a { display: block; color: #FFF; font-size: 1.1em }
.show_biaoti { float: left; width: 60%; text-align: center; line-height: 40px; color: #FFF; font-size: 1.1em }
.show_zihao { position: relative; float: left; background: #2f3842; width: 18%; height: 30px; margin-top: 5px; margin-right: 2%; line-height: 30px; text-align: center; border-radius: 10px; color: #FFF; font-size: 1.1em }
.show_zihao ul { position: absolute; width: 100%; display: none }
.show_zihao ul li { width: 100%; height: 35px; line-height: 35px; background: #2f3842; color: #FFF }
.show_zihao_on { background: #004B8D !important; color: #fff }
.show_zihao ul li:nth-child(1) {
 font-size: 0.9em
}
.show_zihao ul li:nth-child(2) {
 font-size: 1em
}
.show_zihao ul li:nth-child(3) {
 font-size: 1.1em
}
.show_zihao_sanjiao { display: none; width: 0; height: 0; margin: 0 auto; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #2f3842; }
.tel_message { width: 300px; margin: 0 auto }
.tel_message li:nth-child(1) {
 width: 45%;
 height: 35px;
 line-height: 35px;
 background: #6AA227;
 border-radius: 5px;
 float: left;
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px
}
.tel_message li:nth-child(2) {
 width: 45%;
 height: 35px;
 line-height: 35px;
 background: #2f3842;
 border-radius: 5px;
 float: left;
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: 10%
}
.tel_message li a { color: #FFF }
.content { line-height: 30px; width: 96%; margin: 0 auto }
.content img { max-width:100%!important; height:auto!important; }
.list3-content img { max-width:100%!important; height:auto!important; }
.content .b_img { margin-top: 5px; text-align: center }
.content .b_img img { width: 300px; }
.content .neirong { padding: 5px; }
.content .neirong img { width: 100%; }
.content h2 { text-align: center; font-size: 1.1em }
.content .img { text-align: center }
.time { text-align: center; height: 30px; line-height: 30px; font-size: 0.9em; }
.prenext { width: 90%; height: 35px; margin: 10px auto; }
.prenext ul li:nth-child(1) {
 float: left;
 width: 45%;
 height: 35px;
 line-height: 35px;
 background: #f0f0f0;
 text-align: center;
}
.prenext ul li:nth-child(2) {
 float: left;
 width: 45%;
 margin-left: 10%;
 height: 35px;
 line-height: 35px;
 background: #f0f0f0;
 text-align: center;
}
.prenext ul li a { display: block }
.prenexts { width: 90%; margin: 10px auto; }
.prenexts ul li { width: 100%; height: 35px; padding-left: 10px; line-height: 35px; background: #f0f0f0; margin-bottom: 10px; }
.prenexts ul li a { display: block }
/* list.php */
	
.news { width: 100%; margin: 0 auto; }
.news ul { width: 100%; margin: 0 auto; }
.news li { list-style-position: inside; list-style-type: disc; border-bottom: 1px solid #eceef0; box-shadow: 0 1px 1px #FFFFFF; height: 35px; line-height: 35px; padding-left: 8px; list-style: none; }
.news li a { display: block; }
/*易锋技术部*/
.yf_jsb { width: 100%; margin: 0 auto; }
.yf_jsb ul { width: 100%; padding: 10px 0; }
.yf_jsb ul li { float: left; background: white; text-align: center; width: 33.3%; margin-bottom: 10px; }
.yf_jsb ul li a { font-size: 20px; display: block; padding: 20px 0; width: 90%; border: 2px solid #ccc; text-align: center; color: #666; }
.yf_jsb ul li.js_01 a { border: 2px solid #f8413d; color:#f8413d; }
.yf_jsb ul li.js_02 a { border: 2px solid #3dc768; color:#3dc768; }
.yf_jsb ul li.js_03 a { border: 2px solid #29a8ff; color:#29a8ff; }
.yf_jsb ul li.js_04 a { border: 2px solid #eb6a15; color:#eb6a15; }
.yf_jsb ul li.js_05 a { border: 2px solid #c83baf; color:#c83baf; }
/* message.php */
.message_xxk { width: 50%; margin: 10px 1% 10px 0; float: right }
.message_xxk ul li { float: left; width: 50%; height: 30px; line-height: 30px; background: #ccc; color: #FFF; text-align: center }
.message_xxk ul li.on { background: #f8413d; }
.show_message_title { width: 98%; margin: 0 auto; height: 30px; line-height: 30px; background: #9a9a9a; padding-left: 10px; color: #fff; font-size: 14px; }
.show_message { width: 94%; height: auto; margin: 5px auto; padding: 2%; border: 1px #ccc solid; line-height: 30px; display: none }
.show_message .liuyanren { float: left; font-size: 12px; }
.show_message .time { float: right; margin-right: 20px; width: 200px }
.show_message span { float: left; font-size: 12px; font-weight: bolder }
.show_message .huifu { font-size: 12px; color: #F00; }
.msgtitle { width: 18%; padding-bottom: 5px; text-align:center; font-size: 1em; font-weight: bold; margin-top: 15px; }
.message_block { color: #666; }
.message_block p { padding: 12px; }
.msg_input { width: 94%; border: 1px solid #e0e0e0; padding: 8px 9px; background: #fdfdfd; font-size: 13px; color: #888; border-radius: 2px; }
.msg_input_on { width: 92%; border: 1px solid #8cd1ff; background: #f1f9ff; padding: 8px 9px; border-radius: 2px; font-size: 13px; color: #888; }
.message_labes { font-size: 14px; }
.message_title { height: 34px; line-height: 34px; background: #f6f9fb; padding: 0 12px; }
.message_title h2 { color: #376b88; font-size: 14px; float: left; }
.message_title span { float: right; font-weight: bold; color: #999; }
.message_info { color: #8ea6b6; text-align: right; }
.msg_btn_area { margin: 5px auto; text-align: right; padding-right: 1% }
.msg_btn_area a { display: inline-block; padding: 5px 15px; background: #f8413d; color: #fff; text-align: center; font-size: 14px; overflow: hidden; cursor: pointer; font-weight: bold; }
/* map.php */

.map_titie { position: fixed; top: 0; z-index: 999; width: 100%; height: 50px; background: #f8413d }
.map_back { float: left; background: #2f3842; width: 20%; height: 50px; line-height: 50px; text-align: center; }
.map_back a { display: block; color: #FFF; font-size: 1.1em }
.map_biaoti { float: left; width: 80%; text-align: center; line-height: 50px; color: #FFF; font-size: 1.1em }
#allmap { width: 100%; height: 100%; overflow: hidden; margin: 5px auto; }
/* foot.php */
.footer { text-align: center; }
.footer a { background: #e7280e; border-radius: 4px; padding: 5px 10px; color: white; }
.foot { margin-top: 10px; height: 40px; line-height: 50px; text-align: center }
#bottom { position: fixed; bottom: 0; /*max-width: 840px;*/
	width: 100%; height: 45px; background:#005393; border-top: 1px solid #dfdbda; padding-bottom: 5px; }
#bottom ul { height: 45px; line-height: 45px }
#bottom ul li { width: 33%; float: left; text-align: center; color: #FFF; }
#bottom ul li img { margin-bottom: 2px; }
#bottom ul li dl { width: auto; margin: 0 auto; text-align: center; padding-top:5px; }
#bottom ul li dt { width: auto; height: 20px; line-height: 20px; font-size:18px; color: #959595; }
#bottom ul li dd { width: auto; height: 20px; font-size: 0.9em; color: #fff; line-height: 20px; }
#bottom ul li .dk { color: #ff7475; }
.qq { position: fixed; bottom: 100px; right: 25px; }
.qq img { width: 50px; height: auto; }
/* Banner */
 
.swipe { width: 100%; overflow: hidden; position: relative; text-align: center }
.swipe ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipe li img { width: 100% }
.swipe #pagenavi { position: absolute; width: 100%; background: rgba(0, 0, 0, 0.5); bottom: 5px; text-align: right; }
.swipe #pagenavi a { display: inline-block; width: 25px; height: 6px; background: #fff; margin: 8px 4px; }
.swipe #pagenavi a.active { background: #f8413d; }
#product_nav { width: 100%; text-align: center }
#product_nav a { width: 40px; height: 5px; background: #b5b5b5; margin: 10px 2px; overflow: hidden; cursor: pointer; display: inline-block;  *display:inline;
 *zoom:1;
}
#product_nav a.active { background: #418C09; }
#btn_prev, #btn_next { width: 25px; height: 50px; position: absolute; top: 35%; background: url(sprite.png) no-repeat 0 0; cursor: pointer; opacity: 0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2; filter: alpha(Opacity=20); }
#btn_prev { left: 0; }
#btn_next { right: 0; background-position: right top; }
.banner { width: 100%; }
.banner img { width: 100%; height: auto; }
.index_dai { width: 100%; }
.index_dai ul li { float: left; text-align: center; width: 33%; padding: 25px 0; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.index_dai ul li img { width: 40%; }
.index_dais { width: 100%; padding-bottom: 50px; }
.index_dais ul li { float: left; text-align: center; width: 49.7%; padding: 25px 0; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.index_dais ul li img { width: 40%; }
.dai_pic { width: 100%; padding-top: 140px; text-align: center; }
.dai_pic p { font-size: 15px; margin-top: 20px; font-size: 20px; font-weight: bold; }
.dai_edu { padding-top: 120px; width: 100%; text-align: center; }
.dai_edu p { font-size: 18px; }
.dai_edu h3 { font-size: 50px; color: #ff6d5e; font-weight: bold; }
.dai_edu a { border-radius: 5px; background: #ff9954; display: block; padding: 10px 20px; width: 30%; margin: 0 auto; margin-top: 20px; color: white; font-size: 16px;/*font-weight: bold;*/ }
.dai_lan { padding: 40px 10px 40px; background: #4078c0; color: white; }
.dai_lan p { font-size: 16px; padding-left: 10px; }
.dai_lan h3 { font-size: 50px; height: 30px; letter-spacing:10px; }
.dai_lan span { margin-top: -10px; padding-left: 10px; color: #eee; }
.dai_shenqing { margin-top: 100px; }
.dai_shenqing a { border-radius: 5px; background: #4078c0; display: block; padding: 10px 20px; width: 40%; text-align: center; margin: 0 auto; margin-top: 20px; color: white; font-size: 16px; }
.daikuan_zl { width: 100%; padding-left: 30px; line-height: 40px; font-size: 14px; clear: both; padding-top: 20px; }
.left { float: left; }
.daikuan_zl ul li { clear: both;/*margin-bottom: 20px;*/ }
.daikuan_zl ul li span { font-size: 16px; }
.daikuan_zl ul li input { border-radius: 4px; /*width: 300px;*/
	height:20px; line-height: 20px; }
/*填表资料*/
.list_t1 { width: 100%; }
.list_t1 h4 { padding: 10px 10px; background: #f5f5f5; font-weight: normal; margin: 0; color: #555; }
.list_t1 ul { clear: both; margin-top: 20px; }
.list_t1 ul li { clear: both; /*width: 100%;*/
	height: 40px; margin-bottom: 20px; line-height: 40px; padding-left: 10px; border-bottom: 1px solid #eee; }
.list_t1 ul li span.l { width: 20%; float: left; }
.list_t1 ul li span.r { float: left; width: 78%; text-align: right; color: #929292; }
.list_t1 ul li span.r a { background: #ff7200; padding: 5px 10px; border-radius: 4px; color: white; }
.list_t1 ul li span.r input { border: none; height: 30px; /*width: 100%;*/
	font-size: 14px; text-align: right; color: #929292; font-family: 微软雅黑;/*letter-spacing:1px;*/ }
.list_t1 ul li span.r select { width: 140px; font-family: 微软雅黑; height: 30px; }
.sub { clear: both; width: 90%; margin: 40px auto 0; }
.sub a { display: block; text-align: center; background: #ff7200; padding: 10px 0; color: white; }
.sub input { display: block; text-align: center; background: #ff7200; width: 100%; border: none; border-radius: 4px; cursor: pointer; font-size: 15px; padding: 10px 0; color: white; }
.edu { width: 100%; }
.edu img { width: 100%; height: auto; }
.top { z-index: 9999; background: #fff; height: 45px; line-height: 45px; position: fixed; top: 0; width: 100%; text-align: center; color: white; font-size: 16px;  }
.top_left { float: left; width: 15%; line-height: 60px; }
.top_left a { display: block; width: 43px; height: 45px; margin:0 auto; }
.top_left img { width: 43px; height: 25px; }
.top_cen { float: left; width: 70%; }
.top_right { float: left; width: 15%; line-height: 65px; }
.top_right a { display: block; width: 32px; height: 45px; margin:0 auto; }
.top_right img { width: 32px; height: 32px; }
.htop { background: #333; height: 45px; line-height: 45px; position: fixed; top: 0; width: 100%; text-align: center; color: white; font-size: 16px; }
.jiekuan { width: 100%; margin: 30px 0; text-align: center; }
.jiekuan a { background: #ff7200; padding: 8px 120px; border-radius:15px; color: white; font-size: 16px; }
.d_youshi { width: 100%; }
.d_youshi ul li { width: 33.33%; float: left; text-align: center; }
.d_youshi ul li img { width: 40%; }
.edu_list { padding: 30px; }
.edu_list a { display: block; font-size: 18px; line-height: 40px; }
/*发送短信页面*/
.list_dx { width: 100%; line-height: 30px; padding-top: 20px; }
.list_dx ul li { margin:30px 0; }
.list_dx ul li a { display: block; width: 60%; margin: 0 auto; background: #fc9435; border-radius: 10px; padding: 5px 30px; text-align: center; font-size: 16px; color: white; }
.tixian { background: rgba(0, 0, 0, 0.7); border-radius: 5px; text-align: center; width: 60%; margin: 140px auto 0; }
.tixian h3 { text-align: center; padding: 20px 0; color: #fff; font-size: 20px; font-weight: normal; }
.txk { width:70%; text-align: center; font-size: 20px; height: 30px; border-radius: 4px; border: 1px solid #aaa; line-height: 30px; padding-left: 10px; letter-spacing:10px; margin: 0 auto; }
.tixian .ts { text-align: center; padding: 20px 0; color: #eee; }
.tixian a { display: block; padding:10px 20px; text-align: center; color: white; margin: 20px 0; border-radius: 5px; background: #ff7200; }
.ok { width: 100%; padding-top: 50px; }
.ok .okimg { text-align: center; }
.ok .okimg a { display: block; width: 30%; font-size: 16px; margin:140px auto 20px; padding: 8px 10px; background: #f0f0f0; border: 1px solid #ddd; color: #ff7200; border-radius: 5px; }
.ok .okimg p { color: #999; }
.ok img { width: 15%; height: auto; }
.ok h5 { font-size: 20px; }
.ok h3 { font-size: 16px; width: 90%; margin: 0 auto; font-weight: normal; }
.fanh { text-align: center; margin:70px auto 20px; }
.fanh a { display: block; width: 40%; margin: 0 auto; background: #d6623d; color: white; padding: 20px 0; font-size: 16px; border-radius: 5px; }
/*新版贷款*/

.jz { width:100px; height: 100px; margin: 150px auto 0; border-radius: 10px; background: #222; color: white; text-align: center; }
.jz p { padding-top: 10px; }
.jz img { margin-top: 20px; padding: 5px 0; }
.mepic { background: #4fc878; padding: 10px 0; padding-top: 20px; }
.mepic_left { float: left; text-align: center; width: 30%; }
.mepic_left img { width: 60px; height: 60px; }
.mepic_right { width: 70%; float: left; }
.mepic_right h3 { line-height: 30px; padding: 0; margin: 0; color: white; font-size: 18px; }
.mepic_right p { color: white; border-radius: 5px; border: 1px solid #fff; padding: 2px 10px; font-size: 10px; width:50px; }
.mepic_nav { clear: both; background: white; border-bottom: 1px solid #999; }
.mepic_nav ul li { float: left; width: 33.33%; text-align: center; box-shadow: 1px 1px #eee; padding: 10px 0; }
.mepic_nav ul li h5 { font-size: 20px; padding: 0; margin: 0; color: #ff7145; font-size: 13px; }
.mepic_nav ul li p { color: #ababab; }
.in_tit { margin-bottom: 10px; height: 40px; line-height: 40px; background: #389ce8; }
.in_tit h3 { color: white; /*padding-left: 10px;*/
	width: 100px; text-align: center; display: block; background: #2b86cd; }
.app_list { clear: both; }
.app_list ul { background: white; }
.app_list ul li { clear: both; height: 30px; padding: 5px 0; border-bottom: 1px solid #eee; }
.app_list ul li:hover { background: #eee; }
.clear { clear: both; }
.app_list ul li i { color: #888; }
.app_list ul li span.left { float: left; padding-left: 5px; font-size: 13px; line-height: 30px; height: 30px; }
.app_list a { color: #333333; display: block; width: 100%; height: 30px; }
.app_list ul li span.right { float: right; margin-right: 5px; padding: 5px; border-radius: 4px; font-size: 12px; }
.app_list ul li span.blue { /*border: 1px solid #227bd6;*/
	color: #888888; }
.app_list ul li span.red { border: 1px solid red; color: red; }
.app_list ul li h3 { font-size: 18px; line-height: 20px; color: #000; font-weight: normal; }
.app_list ul li p { font-size: 13px; line-height: 20px; color: #777; }
.app_list ul li .span_cont { clear: both; display: block; margin-top: 5px; color: #aaa; width: 100%; padding: 10px 0 0; font-size: 10px; }
.app_list ul li .span_cont .span_left { float: left; }
.app_list ul li .span_cont .span_right { float: right; }
/*列表页广告*/
.app_ads { width: 100%; background: #e3e5e8; }
.app_ads a { display: block; }
.app_ads_bg { padding: 5px; }
.app_ads img { width: 100%; height: auto; }
.app_ads2 { width: 100%; background: white; padding: 10px 0; text-align: center; }
.app_ads2 a { color: #4998e5; }
/*二级栏目*/
.list_nav { width: 100%; background: #f3f3f3; padding: 5px 0; }
.list_nav ul li a { display: block; float: left; padding: 3px 8px; background: white; color: #444; font-size: 12px; margin-right: 5px; margin-bottom: 5px; margin-top: 5px; }
.list_nav ul li a.on { background: #4998e5; color: white; }
/*强开微粒贷*/
.wld_all { width: 100%; }
.wld_all ul li { text-align: center; box-shadow: 1px 1px #ddd; width: 25%; float: left; }
.wld_all ul li a { padding: 15px 0; display: block; }
.lanse { background: #009ee5; }
.wld_index_bt { color: white; font-size: 40px; text-align: center; margin-top: 60px; }
.wld_index_bt img { width: 100%; height: auto; }
.wld_index_li { width: 100%; margin-bottom: 60px; }
.wld_index_li ul li { float: left; width: 33%; text-align: center; }
.wld_index_li ul li img { width: 50%; height: auto; }
.wld_index_li ul li p { font-size: 15px; }
.wld_index_cont { width: 300px; margin: 0 auto; }
.wld_index_cont li { margin-top: 30px; }
.wld_index_cont li span.left { font-size: 16px; color: #333; width: 70px; }
.wld_index_cont input.txt { width: 220px; border-radius: 5px; border: none; font-family: 微软雅黑; border: 1px solid #eee; height: 25px; line-height: 25px; padding-left: 5px; font-size: 15px; }
.wld_index_cont a.sub { display: block; width: 290px; border-radius: 5px; border: none; background: #ffae45; color: white; text-align: center; height: 30px; font-size: 16px; font-family: 微软雅黑; line-height: 30px; letter-spacing:3px; }
.wld_bg { background: #efeff4; }
.qb_top { position: fixed; top: 0; height: auto; width: 100%;/*background: #686f78;*/ }
.qb_top img { width: 100%; height: auto; }
.wld_ed { background: white; text-align: center; padding-top: 30px; padding-bottom: 10px; }
.wld_ed h3 { font-size: 15px; font-weight: normal; margin-bottom: 0; }
h3.ed_1 { padding-top: 40px; color: #a8a9a8; }
h3.ed_2 { font-size: 16px; color: #a8a9a8; }
h3.ed_2 span { font-weight: bold; }
.wld_ed img { margin-top: 0; width: 70%; text-align: center; }
.wld_ed a { display: block; color: white; font-size: 16px; margin: 40px auto; background: #e8bc2b; padding-top: 35px; border-radius: 100px; width: 90px; height: 55px; }
.list_bank ul li { width: 25%; float: left; text-align: center; padding: 10px 0; font-size: 14px; box-shadow: 1px 1px 1px #eee; }
.list_bank ul li a { color: #888; }
.list_bank ul li img { width:60%; height: auto; }
.b_f { position: fixed; bottom: 0; width: 100%; text-align: center; font-size: 16px; color: #a8a9a8; padding:10px 0; }
.b_f span { width: 100%; text-align: center; }
/*服务栏目*/
.fw { line-height: 30px; padding: 10px; }
/*黑户漂白*/
.heise { background: #222; }
.pb_index { width: 100%; padding-top:260px; }
.pb_index ul li { margin-bottom: 20px; text-align: center; }
.pb_index ul li img { width:50%; height: auto; }
/* Banner */
 
.swipe { width: 100%; overflow: hidden; position: relative; text-align: center }
.swipe ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipe li img { width: 100% }
.swipe #pagenavi { position: absolute; width: 100%; bottom: 5px; background: rgba(0, 0, 0, 0); text-align: center; }
.swipe #pagenavi a { display: inline-block; width: 10px; height:10px; border-radius: 10px; background: #f0f0f0; margin: 8px 2px; }
.swipe #pagenavi a.active { background: #005393; }
#product_nav { width: 100%; text-align: center }
#product_nav a { width: 40px; height: 5px; background: #b5b5b5; margin: 10px 2px; overflow: hidden; cursor: pointer; display: inline-block;  *display:inline;
 *zoom:1;
}
#product_nav a.active { background: #418C09; }
#btn_prev, #btn_next { width: 25px; height: 50px; position: absolute; top: 35%; background: url(sprite.png) no-repeat 0 0; cursor: pointer; opacity: 0.2; -moz-opacity: 0.2; -khtml-opacity: 0.2; filter: alpha(Opacity=20); }
#btn_prev { left: 0; }
#btn_next { right: 0; background-position: right top; }
.index_list { width: 100%; background: white; padding-top: 10px; }
.w50 { width: 50%; }
.w100 { width: 100%; }
.index_list ul li { float: left; margin-bottom: 10px; text-align: center; }
.index_list ul li img { width: 96%; height: auto; }
.index_kouzi { margin-top: 10px; width: 100%; background: white; }
.index_kouzi h3 { padding: 10px; font-size: 16px; padding-bottom: 0px; }
.index_kouzi ul li { padding: 10px 0 10px 10px; line-height: 20px; border-bottom: 1px solid #eee; }
.index_kouzi .kz_bt { font-size: 16px; }
.index_kouzi .kz_time { font-size: 12px; color: #999; }
.ar_bt { width: 100%; text-align: center; }
.ar_bt h3 { font-size: 16px; /*padding: 5px 0;*/
	margin: 0; font-weight: normal; color: #000; }
.ar_bt p { font-size: 12px; color: #888; text-align: center; margin-bottom: 20px; }
/*办卡通道*/

.listyh { padding: 5px; }
.listyh ul { width:100%; }
.listyh ul li { width: 25%; float: left; text-align: center; box-shadow: 1px 1px 0px #eee; padding: 10px 0; }
.listyh ul li img { padding: 10px; width: 50px; height: 50px; }
.listyh ul li p { padding: 5px 0; }
/*图片列表*/


.muban_cont { clear: both; /*margin: 20px 0 0 0;*/
    border: 1px solid #eee; }
.muban_cont ul li img { border-radius: 50px; width: 45px; height: 45px; }
.muban_cont ul li { width: 25%; padding: 25px 0; float: left; text-align: center; /*box-shadow: 1px 1px 0 #efefef;*/
    font-size: 12px; }
.muban_cont ul li p { line-height: 30px; }
.muban_cont ul li a { color: #666; font-size: 10px; }
/*应用推荐*/
.tuijian { position: fixed; left: 0; top: 300px; background: #d4790e; }
.tuijian a { display: block; color: white; padding: 5px; }
/*内容页*/
.ar_cont { max-width: 100%; padding: 10px 0; font-size: 13px; line-height: 30px!important; overflow: hidden; }
.ar_cont p, .ar_cont span, .ar_cont a { font-size: 13px; line-height: 30px!important; }
/*网贷内容页*/

.ar_cont h1 { font-size: 16px; }
.ar_cont .ar_ct_s { font-size: 15px; padding: 5px 0; }
.ar_cont .ar_ct_s .zuyi { color: red; }
.ar_cont .ar_ct_w { text-align: center; }
.ar_cont .ar_ct_w a { padding: 5px 10px; background: #efc75e; color: white; }
.in_fuwu { background: white; padding: 5px; }
.in_fuwu ul li { float: left; width: 50%; text-align: center; font-family: 微软雅黑; margin-top:10px; margin-bottom:10px; }
.in_fuwu ul li img { width: 80px; height: 80px; }
.in_fuwu ul li p { line-height:1.7rem; }
.in_fuwu ul li a { color: #828282; }
.in_gonggao { background: white; border-top: 1px solid #f3f3f3; padding: 15px 0; }
.in_gonggao h3 { float: left; height: 25px; line-height: 25px; font-size: 16px; padding: 0; margin:0; padding: 0 15px; color: red; border-right: 1px solid #bbbbbb; }
.in_gonggao p { float: left; height: 25px; padding-left: 15px; line-height: 25px; }
.in_gonggao p a { color: #666; }
.in_kuai { background:#0070c6; clear: both; padding: 20px 20px 20px; }
.in_kuai img { width:100%; height:auto; border:1px solid #fff; }
.in_huodong1 { width:100%; height:auto; position:relative; }
.in_huodong1-con { position: absolute; left: 0px; bottom: 30px; width: 100%; padding: 10px; background-color: rgba(0, 74, 157, 0.55); }
.in_huodong1-con p { width: 100%; color:#fff; line-height:25px; }
.in_kuai h3 { padding: 0; margin:0; text-align: center; font-weight: normal; font-family: 微软雅黑; font-size: 18px; margin-top:5px; margin-bottom:5px; line-height:25px; color:#fff; }
.in_kuai h5 { padding: 0; margin:0; text-align: left; font-weight: normal; font-family: 微软雅黑; padding: 10px 0; color: #9e9d9e; }
.in_kuai h4 { width: 37px; margin:7px auto; border-bottom: 2px solid #fff; }
.in_kuai p { padding: 0; margin:0; font-weight: normal; font-family: 微软雅黑; font-size: 14px; line-height:25px; color:#fff; }
.in_kuai-more { color:#005393; line-height:30px; }
.in_kuai3_div h3 { margin:0; padding:0; font-weight: normal; font-family: 微软雅黑; line-height:30px; font-size:18px; margin-bottom:4px; color:#333333; }
.in_kuai3 { background: #eeeeee; clear: both; margin: 20px 20px 20px; }
.in_kuai3 img { width:100%; height:auto; }
.in_kuai3_div { background:#eeeeee; width:100%; height:auto; padding:4%; padding-top:2%; }
.in_kuai3_div p { color:#333; line-height:25px; }
.in_kuai2 { background:#fff; clear: both; padding:0px 20px 20px; }
.in_kuai2 img { width:100%; height:auto; }
.in_kuai2 h3 { padding: 0; margin:0;  font-weight: normal; font-family: 微软雅黑; font-size: 18px; margin-top:5px; margin-bottom:5px; line-height:25px; color:#333333; }
.in_kuai2 h5 { padding: 0; margin:0; text-align: center; font-weight: normal; font-family: 微软雅黑; padding: 10px 0; color: #333; }
.in_kuai2 h4 { width: 37px; font-size:16px; }
.in_kuai2 p { padding: 0; margin:0; font-weight: normal; font-family: 微软雅黑; font-size: 14px; line-height:25px; color:#333; }
.in_kuai-more2 { color:#333; line-height:30px; }
.in_huodong { background:white; clear: both; padding: 20px 0 0; }
.in_huodong h3 { padding: 0; margin:0; text-align: center; font-weight: normal; font-family: 微软雅黑; font-size: 22px; }
.in_huodong h5 { padding: 0; margin:0; text-align: left; font-weight: normal; font-family: 微软雅黑; padding-top:3px; padding-bottom: 7px; color: #fff; font-size:18px; }
.in_huodong h4 { width: 37px; margin:7px auto; border-bottom: 2px solid #00479d; margin-bottom:14px; }
.in_huodong ul { padding: 20px 0 0 0; }
.in_huodong ul li { }
.in_huodong ul li img { }
.in_kouzi { background:white; clear: both; }
.in_kouzi h3 { padding-left:5px; 0; margin:0;  font-weight: normal; font-family: 微软雅黑; font-size: 22px; }
.in_kouzi h5 { padding: 0; margin:0; text-align: center; font-weight: normal; font-family: 微软雅黑; padding: 10px 0; color: #9e9d9e; }
.in_kouzi h4 { padding-left:5px; color:#3e8da7; margin: 7px auto;  margin-bottom: 14px; }
.in_kouzi table { border: none; padding: 0; margin: 0; }
.in_kouzi table tr { clear: both; padding: 15px 0; border-bottom: 1px solid #f3f3f3; }
.in_kouzi table tr td { padding-bottom: 10px; border-bottom: 1px solid #f3f3f3; }
.in_kouzi .in_kouzi_left { float: left; padding: 10px; text-align: center; width:130px; }
.in_kouzi .in_kouzi_left b { font-size: 22px; color: #666; color: #005393; }
.in_kouzi .in_kouzi_left p { color: #005393; }
.in_kouzi .in_kouzi_right { float: left; line-height: 30px; padding-left: 10px; padding-top: 6px; }
.in_kouzi .in_kouzi_right p { line-height: 25px; }
.in_kouzi .in_kouzi_right p.p1 { font-size: 16px; }
.in_kouzi .in_kouzi_right p.p1 a { color: #111; }
.in_kouzi .in_kouzi_right p.p2 { font-size: 12px; color: #bbb; height:50px; overflow:hidden; }
.in_kouzi .in_kouzi_right p.p2 a { color: #bbb; }
.list_shop { padding: 10px 0; }
.list_shop ul li { width: 50%; float: left; }
.li_cont { margin: 5px; background: white; }
.list_shop ul li .li_cont img { width: 100%; height: 160px; }
.list_shop ul li .li_cont p { text-align: center; padding: 5px 0; font-size: 13px; }
.list_shop ul li .li_cont .go { padding: 10px 15px; }
.list_shop ul li .li_cont .go .go_left { float: left; font-size: 18px; color: red; }
.list_shop ul li .li_cont .go .go_right { float: right; }
.list_shop ul li .li_cont .go .go_right button { color: white; border: none; display: block; font-size: 13px; padding: 2px 5px; background: #e47363; border-radius: 4px; }
/*购买按钮*/
/*按钮样式*/
#goodcover { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 133%; background-color: black; z-index: 1001; -moz-opacity: 0.8; opacity: 0.50; filter: alpha(opacity=80); }
#code { width: 80%; height: 300px; background-color: #fff; padding: 10px; position: absolute; display: none; left: 45%; z-index: 1002; }
.close1 { width: 100%; height: 30px; }
#closebt { float: right; }
#closebt img { width: 20px; }
.goodtxt { text-align: center; }
.goodtxt p { height: 30px; line-height: 30px; font-size: 15px; color: #666; }
.code-img { width: 250px; margin: 10px auto 0 auto; padding: 10px; }
.code-img img { width: 100%; }
.n_vip { text-align: center; padding-top: 100px; }
.list_kouzi { background:white; clear: both; }
.list_kouzi h3 { padding: 0; margin:0; text-align: center; font-weight: normal; font-family: 微软雅黑; font-size: 22px; }
.list_kouzi h5 { padding: 0; margin:0; text-align: center; font-weight: normal; font-family: 微软雅黑; padding: 10px 0; color: #9e9d9e; }
.list_kouzi h4 { width: 30px; margin:2px auto; border-bottom: 2px solid #e47363; }
.list_kouzi table { border: none; padding: 0; margin: 0; padding: 10px 0 0; }
.list_kouzi table tr { clear: both; padding: 15px 0; border-bottom: 1px solid #f3f3f3; }
.list_kouzi table tr td { padding-bottom: 10px; border-bottom: 1px solid #f3f3f3; }
.list_kouzi .list_kouzi_left { float: left; padding: 10px; text-align: center; width: 69px; }
.list_kouzi .list_kouzi_left b { font-size: 22px; color: #666; color: #e47363; }
.list_kouzi .list_kouzi_left p { color: #e78678; }
.list_kouzi .list_kouzi_left img { width: 80%; /*border-radius: 50px;*/
	height: auto; }
.list_kouzi .list_kouzi_right { float: left; line-height: 30px; padding-left: 10px; padding-top: 6px; }
.list_kouzi .list_kouzi_right p { line-height: 25px; }
.list_kouzi .list_kouzi_right p.p1 { font-size: 16px; }
.list_kouzi .list_kouzi_right p.p1 a { color: #111; }
.list_kouzi .list_kouzi_right p.p2 { font-size: 12px; color: #bbb; }
.list_kouzi .list_kouzi_right p.p2 a { color: #bbb; }
.list_kouzi .list_kouzi_right2 { float: left; line-height: 20px; padding-left: 10px; }
.list_kouzi .list_kouzi_right2 p { line-height: 20px; }
.list_kouzi .list_kouzi_right2 p.p1 { font-size: 16px; }
.list_kouzi .list_kouzi_right2 p.p1 a { color: #111; }
.list_kouzi .list_kouzi_right2 p.p2 { font-size: 12px; color: #bbb; }
.list_kouzi .list_kouzi_right2 p.p2 a { color: #bbb; }
/*登陆页面*/
.bgs { background: url(bg.jpg); }
.lg_w { width: 100%; text-align: center; padding-top: 40px; }
.lg_w img { width: 30%; border-radius: 100px; height: auto; margin-bottom: 20px; }
.melogin { padding-bottom: 30px; }
 input::-webkit-input-placeholder {
 color:#fff;
}
 input::-moz-placeholder {   /* Mozilla Firefox 19+ */
 color:#fff;
}
 input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
 color:#fff;
}
 input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
 color:#fff;
}
.melogin { width: 70%; margin: 0 auto; padding-top: 10px; }
.melogin li { clear: both; }
.melogin li .textcont { width: 100%; height: 40px; line-height: 40px; padding-left: 8px; border: none; border-radius: 6px; font-family: 微软雅黑; font-size: 14px; background: rgba(0, 0, 0, 0.2); color: #fff; border-radius: 1px solid #fff; margin-bottom: 20px; }
.melogin li .but { width: 100%; height: 40px; line-height: 40px; padding: 0 10px; text-align: center; font-size: 16px; color: #7d91ee; border-radius: 4px; background: #fff; border: none; font-family: 微软雅黑; }
.li_pd { margin-top: 30px; }
.li_pd a { display: block; border-radius: 50px; border: 1px solid #fff; text-align: center; height: 30px; line-height: 30px; color: white; }
.me_index { width: 70%; margin: 0 auto; margin-top: 70px; }
.me_index ul li a { display: block; margin-bottom: 30px; border-radius: 50px; border:  1px solid #fff; color: white; height: 30px; line-height: 30px; text-align: center; }
.list_kehu { width: 100%; padding: 10px 0; }
.list_kehu a { display: block; line-height: 30px; padding-left: 10px; border-bottom: 1px solid #eee; }
.login_foot { color: white; padding-bottom:30px; text-align:center; width: 100%; }
.login_foot a { color: white; border-radius: 4px; border:1px solid #fff; padding: 5px 10px; margin-left: 10px; font-size: 12px; }
.melogin li .yf_zc_left { float: left; width: 60%; }
.melogin li .yf_zc_right { float: left; }
.melogin li .yf_zc_right img { width: 90px; height: 40px; border-radius: 0; }
.melogin li .yf_zc_right .sendcode { margin-left: 10px; width: 80px; height: 40px; line-height: 40px; text-align: center; background: #1ba094; color: white; border-radius: 4px; display: block; }
.melogin li.rg_but a { margin-top: 20px; display: block; background: #34a8ff; color: white; padding: 8px 0; border-radius: 4px; }
.membermain { width: 100%; }
.membermain .member_info { background: url(xgzl.jpg) no-repeat; text-align: center; width: 100%; padding: 40px 0; color: #cecece; font-size: 15px; }
.membermain ul { background: white; }
.membermain ul li { padding: 15px 10px; color: #777; border-top: 1px solid #fafafa; }
.membermain ul li .regtext { padding: 6px 10px; border-radius: 4px; border: 1px solid #ccc; }
.membermain ul li .but { width: 60%; display: block; margin: 10px auto 0; padding: 6px 10px; text-align: center; font-size: 16px; color: #e47363; border-radius: 4px; background: #fff; border: 1px solid #e47363; font-family: 微软雅黑; }
/*会员中心*/
.meb_top { background: url(mbg.jpg) no-repeat; background-size: 100%; text-align: center; width: 100%; padding-top:30px; padding-bottom:25px; }
.meb_top .mb_tx img { width: 90px; height: 90px; border-radius: 50px; }
.meb_top p { font-size: 18px; color: white; }
.meb_top p span { font-size: 13px; }
.mlist { background: white; width: 100%; height: 100%; margin-top: 10px; border-top: 1px solid #f3dae0; }
.inp { padding: 6px 10px; border-radius: 4px; border: 1px solid #ccc; }
.mt10 { margin-top:5px; }
.width10 { width:32%; margin-left:2% }
.list-ul li { color:#333; font-size:0.8em }
.member_f dt { float:left; width:13%; margin-left:3%; margin-top:20px; line-height:30px; }
.member_f dd { float:left; width:76%; margin-top:20px; }
.fabu { width: 85px; display: block; height: 30px; border-radius: 5px; text-align: center; background: #00479d; font-size: 12px; color: #fff; line-height: 30px; border: none; cursor: pointer; margin:0 auto; margin-top:20px; }
.contact-li { margin-top:15px; }
.contact-li-left { margin-top:10px; }
.contact-li-dizhi h4 { color:#696868; font-size:14px; margin-bottom:5px; text-align:left; }
.contact-li-dizhi p { color:#005cac; font-size:14px; line-height:20px; text-decoration: underline; padding-bottom:11px; }
.contact-li-right { width:100%; }
.contact-li-right img { width:100%; }
.contact-li-right iframe { max-width:100%; }
.fabu:hover { color:#fff; }
.mlist ul li { width: 33.33%; float: left; box-shadow: 1px 1px 1px #fff; text-align: center; padding-bottom: 20px 0; }
.mlist ul li a { display: block; color: white; font-size: 14px; }
.mlist ul li img { width: 27%; height: auto; }
.mlist ul li { width: 33.33%; float: left; padding: 10px 0; box-shadow: 1px 1px #f3dae0; }
.mlist ul li a { display: block; padding: 15px 0; color: #999; }
.mlist .out { margin-top: 10px; }
.mlist .out a { display: block; width: 100px; padding: 5px 20px; color: #e47363; border-radius: 5px; border: 1px solid #e47363; text-align: center; margin:20px auto; }
/* ---------------

 * Slidebars Theme

 *

 * ---------

 * CSS Index

 *

 * 001 - Box Model

 * 002 - Site

 * 003 - Slidebars

 * 004 - Slidebar Menus

 * 005 - Slidebar Widgets

 * 006 - Top Navigation Bar

 * 007 - Slidebar Controls

 *

 * ---------------

 * 001 - Box Model

 */



* { /* Highly recommended to avoid any width alterations in the Slidebars or Site, which may cause horizontal scrolling. */

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* ----------

 * 002 - Site

 */



#sb-site { padding: 65px 15px 15px 15px; box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.3); /* Casts a shadow onto the Slidebars from site. */ }
/* ---------------

 * 003 - Slidebars

 */



.sb-slidebar { background-color: #222222; /* Background colour. */ color: #e8e8e8; /* Text colour. */ }
.sb-slidebar a { color: #f2f2f2; /* Link colour. */ text-decoration: none; }
.sb-slidebar a:hover { color: #de4718; /* Link hover colour. */ text-decoration: underline; }
/* --------------------

 * 004 - Slidebar Menus

 */

 

/* Main Menu */

.sb-menu { /* Apply to <ul> or <ol>. */ padding: 0; margin: 0; list-style-type: none; }
.sb-menu li { width: 100%; padding: 0; margin: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */ border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Will darken any background colour you set. */ }
.sb-menu > li:first-child { border-top: none; /* Removes top border from first list item.. */ }
.sb-menu > li:last-child { border-bottom: none; /* Removed bottom border from last list item. */ }
.sb-menu li a { width: 100%; /* Makes links full width. */ display: inline-block; padding: 1em; /* Creates an even padding the same size as your font. */ }
.sb-menu li a:hover { text-decoration: none; background-color: #222; /* Will lighten any background colour you set. */ }
/* Borders */

.sb-left .sb-menu li a { border-left: 3px solid transparent; }
.sb-left .sb-menu li a:hover { border-left: 3px solid; /* Removes transparent colour, so border colour will be the same as link hover colour. */ }
.sb-right .sb-menu li a { border-right: 3px solid transparent; }
.sb-right .sb-menu li a:hover { border-right: 3px solid; /* Removes transparent colour, so border colour will be the same as link hover colour. */ }
/* Submenus */

.sb-submenu { display: none; padding: 0; margin: 0; list-style-type: none; background-color: rgba(255, 255, 255, 0.05); /* Submenu background colour. */ }
/* Caret */

span.sb-caret { width: 0; height: 0; display: inline-block; margin: 0 5px; border: 5px solid transparent; }
span.sb-caret { /* Caret Down */ border-top: 5px solid; border-bottom: 0px solid transparent; }
.sb-submenu-active > span.sb-caret { /* Caret Up */ border-top: 0px solid transparent; border-bottom: 5px solid; }
/* ----------------------

 * 005 - Slidebar Widgets

 */



.sb-widget { border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */ margin: 14px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); /* Slight shadow. */ }
.sb-widget-header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Will darken any background colour you set. */ padding: 14px; background-color: #292929; /* Widget title background colour. */ }
.sb-widget-title { margin: 0; /* Removes browser default margins for heading tags. */ }
.sb-widget-content { border-top: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */ padding: 14px; background-color: #262626; /* Widget content background colour. */ }
/* ------------------------

 * 006 - Top Navigation Bar

 */



.sb-navbar { width: 100%; height: 50px; position: fixed; top: 0; left: auto; right: auto; z-index: 1000; background-color: #219AEB; /* Bar colour. */ box-shadow:

		/* Layered single pixel shadows to create a one sided shadow effect. */

		0 5px 0 0 rgba(0, 0, 0, 0.01), 0 4px 0 0 rgba(0, 0, 0, 0.02), 0 3px 0 0 rgba(0, 0, 0, 0.04), 0 2px 0 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.08), 		/* Top highlight */

		0 1px 0 0 rgba(255, 255, 255, 0.1) inset, 		/* Left highlight */

		1px 0 0 0 rgba(255, 255, 255, 0.1) inset, 		/* Right highlight */

		-1px 0 0 0 rgba(255, 255, 255, 0.1) inset, 		/* Bottom lowlight */

		0 -1px 0 0 rgba(0, 0, 0, 0.1) inset; /* Glass gradient overlay, works with any colour background. */

	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.02) 51%); /*  Webkit syntax. */ background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.02) 51%); /* Final syntax. */ background-size: 100%; background-repeat: no-repeat; }
html.sb-android .sb-navbar { position: absolute; /* Fix navbar to top for old versions of Android Browser. */ }
/* Navbar Menu Items */

.sb-navbar-menu { list-style-type: none; padding: 0; margin: 0; }
.sb-navbar-menu-left { float: left; }
.sb-navbar-menu-right { float: right; }
.sb-navbar-menu li { padding: 0; margin: 0; display: block; float: left; }
.sb-navbar-menu li a { display: inline-block; color: #f2f2f2; /* Navbar link colour */ padding: 14px; text-decoration: none; }
.sb-navbar-menu li a:hover { color: #f2f2f2; /* Navbar link hover colour */ background-color: rgba(0, 0, 0, 0.05); /* Will lighten any background colour you set. */ }
/* -----------------------

 * 007 - Slidebar Controls

 */

 

.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close { cursor: pointer; /* Help desktop users with Slidebar controls. */ }
/* Navicons */

/* These are prefixed with .sb-navbar to avoid styling other Slidebar toggles you may be using. */

.sb-navbar .sb-toggle-left { width: 52px; float: left; padding: 14px; }
.sb-navbar .sb-toggle-right { width: 52px; float: right; padding: 14px; }
.navicon-line { width: 24px; height: 4px; border-radius: 1px; margin-bottom: 3px; background-color: #fff; /* Colour of navicon lines. */ }
/* Hover states to match navbar menu item hover. */

.sb-navbar .sb-toggle-left:hover { background-color: rgba(0, 0, 0, 0.05); /* Will lighten any background colour you set. */ }
.sb-navbar .sb-toggle-right:hover { background-color: rgba(0, 0, 0, 0.05); /* Will lighten any background colour you set. */ }



/* -------------------

 * 006 - Media Queries

 */



@media (max-width: 767px) {

	/* This is entirely optional, it hides the navbar menu items when device width is under 768px. */

	.sb-navbar-menu {
 display: none;
}
}
/* Slidebars 0.8.1 - http://plugins.adchsm.me/slidebars/ Written by Adam Smith - http://www.adchsm.me/ Released under MIT License - http://plugins.adchsm.me/slidebars/license.txt */

html, body, #sb-site, .sb-slidebar { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
html, body { width:100%; overflow-x:hidden }
html { min-height:100% }
body { height:100% }
#sb-site { width:100%; min-height:100%; position:relative; z-index:1; background-color:#fff }
.sb-slidebar { height:100%; width:30%; overflow-y:auto; position:fixed; top:0; z-index:0; visibility:hidden; background-color:#222 }
.sb-static { position:absolute }
.sb-left { left:0 }
.sb-right { right:0 }
html.sb-active-left .sb-left, html.sb-active-right .sb-right { visibility:visible }
@media(max-width:480px) {
.sb-slidebar {
width:70%
}
}
@media(min-width:481px) {
.sb-slidebar {
width:55%
}
}
@media(min-width:768px) {
.sb-slidebar {
width:40%
}
}
@media(min-width:992px) {
.sb-slidebar {
width:30%
}
}
@media(min-width:1200px) {
.sb-slidebar {
width:20%
}
}
html.sb-anim-type-translate .sb-slide, html.sb-anim-type-side .sb-slide { -webkit-transition:-webkit-transform 400ms ease; -moz-transition:-moz-transform 400ms ease; -o-transition:-o-transform 400ms ease; transition:transform 400ms ease; -webkit-transition-property:-webkit-transform, left; -webkit-backface-visibility:hidden }
