﻿body {color:#666666;font-size:12px;font-family:'Microsoft YaHei';}
body,div,ul,ol,li,dl,dt,dd,p,span,h1,h2,h3,h4,h5,h6,form,pre,fieldset,legend,table,tr,td,th,input,textarea,img {margin:0;padding:0;font-family:'Microsoft YaHei';}
section,article,header,footer,aside,nav,dialog,figcaption,figure,menu,details {margin:0;padding:0;font-family:'Microsoft YaHei';}
div,ul,ol,li,dl,dt,dd {margin:0 auto;list-style:none;font-size:12px;}
fieldset,img {border:0;}
textarea {resize:none;font-size:12px;}
input[type=button],input[type=submit],input[type=file],input[type=reset],button {-webkit-appearance:none;-moz-appearance:none;}
b {font-weight:normal;}
cite,em,s,i,b {font-style:normal;}
a:link,a:visited {color:#666666;font-size:12px;text-decoration:none;}
a:hover,a:active {color:#FF0000;font-size:12px;text-decoration:none;}
a.white,a.white:visited {color:#FFFFFF;font-size:12px;text-decoration:none;}
a.black,a.black:visited {color:#666666;font-size:12px;text-decoration:none;}
a.links,a.links:visited {color:#666666;font-size:12px;text-decoration:none;margin:0px 5px 0px 4px;}

.clear,.cl {clear:both;}
.fl,.l {float:left;}
.fr,.r {float:right;}
.center {text-align:center;}
.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.pt5  {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pb5  {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.h10,.height10 {height:10px;}
.h15,.height15 {height:15px;}
.h20,.height20 {height:20px;}
.h25,.height25 {height:25px;}
.h30,.height30 {height:30px;}
.h40,.height40 {height:40px;}
.h50,.height50 {height:50px;}

.red  {color:#FF0000;}
.blue {color:#0000FF;}
.text {width:120px;height:20px;line-height:20px;border:1px solid #8A8484;}
.hidden {display:none;}
.m-cnt:after,.m-box:after,.j-box:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clear-fix::after {clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden;}

.bridgeCode {width:99%;text-align:center;padding-bottom:5px;}
.bridgeCode span {padding:0px 10px 0px 10px;}
.button {width:100px;height:25px;font-weight:normal;font-size:12px;color:black;cursor:pointer;vertical-align:middle;-webkit-appearance:none;box-sizing:border-box;outline:none;transition:all .3s;-webkit-transition:all .3s;}
.button_submit {padding-bottom:2px;font-weight:normal;cursor:pointer;-webkit-appearance:none;box-sizing:border-box;outline:none;transition:all .3s;-webkit-transition:all .3s;}
.button_upload {padding-top:1px;border:1px solid #888888;width:195px;font-size:12px;cursor:pointer;-webkit-appearance:none;box-sizing:border-box;outline:none;transition:all .3s;-webkit-transition:all .3s;}
.button_submit3 {color:#333333;font-weight:normal;cursor:pointer;height:25px;width:100px;background-color:transparent;font-weight:bold;border:1px solid #999999;border-radius:5px;margin-right:10px;-webkit-appearance:none;box-sizing:border-box;outline:none;transition:all .3s;-webkit-transition:all .3s;}
.button_submit4 {color:#333333;font-weight:normal;cursor:pointer;height:25px;width:90px; background-color:transparent;font-weight:bold;border:1px solid #999999;border-radius:5px;-webkit-appearance:none;box-sizing:border-box;outline:none;transition:all .3s;-webkit-transition:all .3s;}
.button_submit5 {width:90%;height:32px;line-height:30px;color:#fff;font-size:14px;font-weight:bold;cursor:pointer;display:inline-block;vertical-align:middle;text-align:center;border:1px solid #999999;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
    -webkit-appearance:none;box-sizing:border-box;outline:none;transition:all .3s;-webkit-transition:all .3s;
    background:#ef6d21;background-image:-webkit-gradient(linear, left top, left bottom, from(#ef6d21), to(#ca5b1b));background-image:-webkit-linear-gradient(top, #ef6d21, #ca5b1b);background-image:-moz-linear-gradient(top, #ef6d21, #ca5b1b);
    background-image:-o-linear-gradient(top, #ef6d21, #ca5b1b);background-image:-ms-linear-gradient(top, #ef6d21, #ca5b1b);background-image:linear-gradient(top, #ef6d21, #ca5b1b);}
.topCon_1 {float:left;width:100%;}
.maintop { }
.maincen { }
.mainbot { }
/* pages */
.dede_pages{width:98%;text-align:center;line-height:30px;padding:10px 0px 10px 0px;}
.pages {height:30px;color:#666666;margin-top:5px;text-align:center;}
.pages a:link,.pages a:visited {color:#666666;}
.pages a,.pages a:link {text-decoration:none;padding:2px 5px;border:1px solid #DDDDDD;background:#FFFFFF;margin:0px 2px;font-size:12px;color:#666666;text-align:center;}
.pages .cpb {font-weight:bold;color:#FFFFFF;background:#FB9007;border:1px solid #E61636;text-align:center;margin:0px 2px;padding:2px 5px;}
.pages .intext {width:30px;border:1px solid #7F9DB9;height:19px;line-height:19px;}

.Top-main {width:100%;height:36px;border-bottom:1px solid #DDDDDD;}
.Top-left {float:left;width:200px;height:36px;line-height:36px;}
.Top-left span {color:#666666;padding-left:5px;}
.Top-right {float:right;width:100px;height:36px;line-height:36px;text-align:right;}
.Top-right span {padding-right:5px;}
.Top-right a:link,.Top-right a:active,.Top-right a:visited {color:#06929F;text-decoration:none;font-size:14px;}
.Header {width:100%;margin-top:0px;}
.Header-logo {width:100%;padding:10px 0;}
.Header-logo img {max-width:100%;}

.TopMenus {width:100%;height:81px;background-color:#1571c8;}
.TopMenus ul li {width:33.33%;height:40px;line-height:40px;background: url('../images/index_05.jpg') repeat-x bottom;float:left;text-align:center;}
.TopMenus ul li a {color:#fdfdfa;font-size:14px;text-decoration:none;background:url('../images/index_04.jpg') repeat-y right;display:block;}
.Menus {width:100%;clear:both;height:80px;}
.Menus ul {}
.Menus ul li {float:left;text-align:center;line-height:40px;width:33.133333%;}
.Menus ul a:link,.Menus ul a:active,.Menus ul a:visited {float:left;width:100%;height:40px;font-size:14px;color:#FFFFFF;border:1px solid #fff;border-top:none;background:#0976C8;}
.Menus1 {width:100%;clear:both;padding-top:4px;}
.Menus1 ul {overflow:hidden;}
.Menus1 ul li {float:left;text-align:center;line-height:36px;width:31.5%;}		
.Menus1 ul a {display:block;margin:10px 0px 0px 10px;}
.Menus1 ul a:link,.Menus1 ul a:active,.Menus1 ul a:visited {float:left;width:95%;height:36px;border:1px solid #BFBFBF;border-radius:5px;background:#F8F8F8;font-size:14px;}	

.topbg {width:100%;clear:both;z-index:1000;}
.navbtn {width:61px;height:39px;line-height:39px;position:fixed;right:1%;top:10px;z-index:1000;cursor:pointer;-webkit-appearance:none;box-sizing:border-box;outline:none;transition:all .3s;-webkit-transition:all .3s;text-align:center;background:#1B6EB2;border:1px solid #DEDEDE;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#DDDDDD;font-size:18px;filter:alpha(opacity=80);opacity:0.8;}
.navbg {width:207px;border:0px solid #0F60A2;background:#1A6DB1;position:fixed;right:1%;top:51px;display:none;z-index:999;}
.navbg li {width:100%;height:36px;border-bottom:1px solid #095DA2;}
.navbg li a {width:100%;display:block;height:35px;line-height:35px;border-bottom:1px solid #247AC1;font-size:16px;color:#FFFFFF;text-indent:23px;background:url('../images/navicos.jpg') 155px center no-repeat;}

.indexNews {width:100%;height:65px;margin:5px 0 10px 0;background:#eff8ff;}
.indexNews_bg {float:left;width:60px;height:65px;background:url('../images/index_18.png') no-repeat 10px center;}
.indexNews_list {float:left;width: calc(100% - 60px);padding:10px 0 10px 0px;}
.indexN_rpt {float:left;width:100%;}
.indexN_rpt .indexN_L {float:left;width: calc(100% - 30px);}
.indexN_rpt .indexN_L .p1 {height:22px;line-height:22px;overflow:hidden;}
.indexN_rpt .indexN_L .p1 span {color:#999999;padding-right:5px;}
.indexN_rpt .indexN_L .p1 a {color:#333333;}
.indexN_rpt .indexN_L .p2 {color:#999999;height:22px;line-height:22px;overflow:hidden;}
.indexN_rpt .indexN_R {float:left;width:30px;margin-top:12px;}

.search {width:100%;height:35px;padding-top:10px;}
.search .content-addselect {float:left;height:35px;background:url('../images/loca_address.png') no-repeat 10px center;background-size:20px;}
.search .content-addselect .content-block-text {width:35px;height:35px;border:none;margin:0 0 0 33px;font-size:13px;}
.search .content-addselect .content-block-text:focus {border:none;outline:none;}
.search .searchA {float:left;width:190px;height:34px;margin-left:5px;}
.search .searchA input {width:150px;height:34px;line-height:33px;background:url('../images/search.png') 5px center no-repeat; background-size:25px 25px; border:1px #C5C5C5 solid;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-size:12px;color:#888888;padding:0px 0px 0px 32px;}
.search .searchB {float:left;width:60px;height:35px;margin-left:0;}
.search .searchB input {width:60px;height:35px;font-size:13px;border:0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;color:#FFFFFF;-webkit-appearance:none;box-sizing:border-box;outline:none;transition:all .3s;-webkit-transition:all .3s;background:#1a90ff;background-image:-moz-linear-gradient(center top, #1a90ff, #1b86eb);background-image:-moz-linear-gradient(top, #1a90ff, #1b86eb);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#1a90ff), to(#1b86eb));background-image:-webkit-linear-gradient(top, #1a90ff, #1b86eb);background-image:-o-linear-gradient(top, #1a90ff, #1b86eb);background-image:linear-gradient(top, #1a90ff, #1b86eb);}
/* 省市区三级联动 */
.gearArea {font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 10px;background-color: rgba(0, 0, 0, 0.2);display: block;
    position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9900;overflow: hidden;-webkit-animation-fill-mode: both;animation-fill-mode: both}
.area_ctrl {vertical-align: middle;background-color: #d5d8df;color: #000;margin: 0;height: auto;width: 100%;position: absolute;
    left: 0;bottom: 0;z-index: 9901;overflow: hidden;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.slideInUp {-webkit-animation: slideInUp .3s;animation: slideInUp .3s;}

@-webkit-keyframes slideInUp {
    from { -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
    to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}

@keyframes slideInUp {
    from {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
    to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}

.area_roll {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;height: auto;
    overflow: hidden;background-color: transparent;-webkit-mask: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#debb47), to(rgba(36, 142, 36, 0)));
    -webkit-mask: -webkit-linear-gradient(top, #debb47 50%, rgba(36, 142, 36, 0))}
.area_roll>div {font-size: 1.6em;height: 10em;float: left;background-color: transparent;position: relative;overflow: hidden;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1}
.area_roll>div .gear {width: 100%;float: left;position: absolute;z-index: 9902;margin-top: 4em}
.area_roll_mask {-webkit-mask: -webkit-gradient(linear, 0% 40%, 0% 0%, from(#debb47), to(rgba(36, 142, 36, 0)));
    -webkit-mask: -webkit-linear-gradient(bottom, #debb47 50%, rgba(36, 142, 36, 0));padding: 0}
.area_grid {position: relative;top: 4em;width: 100%; height: 2em;margin: 0;box-sizing: border-box;z-index: 0;border-top: 1px solid #abaeb5;border-bottom: 1px solid #abaeb5}
.area_roll>div:nth-child(3) .area_grid>div {left: 42%}
.area_btn {color: #0575f2;font-size: 1.6em;line-height: 1em;text-align: center;padding: .8em 1em}
.area_btn_box:before,.area_btn_box:after {content: '';position: absolute;height: 1px;width: 100%;display: block;background-color: #96979b;
    z-index: 15;-webkit-transform: scaleY(0.33);transform: scaleY(0.33)}
.area_btn_box {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;
    -webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
    background-color: #f1f2f4;position: relative}
.area_btn_box:before {left: 0;top: 0;-webkit-transform-origin: 50% 20%;transform-origin: 50% 20%}
.area_btn_box:after {left: 0;bottom: 0;-webkit-transform-origin: 50% 70%;transform-origin: 50% 70%}
.tooth {height: 2em;line-height: 2em; text-align: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;line-clamp: 1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column; flex-direction:column;overflow: hidden}


.adbottom {width:100%;position:fixed;bottom:62px;display:block;left:0;z-index:100;}
.adbottom_1 {width:92%;margin:0 2%;height:90px;padding:10px 2%;background:#ffffff;box-shadow:-2px 2px 6px #eeeeee;border-radius:5px; border:1px solid #eeeeee;}
.adbottom_left {display:inline-flex;}
.adbottom_left p {line-height:25px;}
.adbottom_left p img {width:60px;max-width:100%;height:auto;}
.adbottom_left p span { font-size:13px;}
.adbottom_right {display:inline-flex;float:right;text-align:right;padding:0 10px 0 0;}
.adbottom_right img {width:90px;max-width:100%;height:auto;}
.adbottom_close {display:inline-flex;float:right;text-align:right;}
.adbottom_close img {width:20px;}
.Footder {clear:both;width:100%;min-height:140px;_height:140px;padding-top:10px;}
.FootderA {width:100%;border-bottom:0px solid #DDDDDD;border-top:1px solid #DDDDDD;text-align:center;line-height:22px;}
.FootderAContent {padding:8px 5px 8px 5px;color:#666666;}
.FootderC {width:100%;text-align:center;position:fixed;bottom:0;display:block;left:0;z-index:100;}
.footbtn {width:100%;height:62px;background:#fefeff;border-top:1px solid #E9F0F4;-webkit-appearance:none;box-sizing:border-box;outline:none;transition:all .3s;-webkit-transition:all .3s;}
.footbtn li {float:left;width:24.666666%;height:100%;border-left:1px solid #E2ECF1;}
.footbtn li:first-child {border-left:0px solid #E2ECF1;}
.footbtn a {display:block;width:100%;height:32px;margin-top:5px;color:#666666;text-align:center;}
.footbtn a span {display:block;width:100%;height:100%;line-height:32px;padding-top:28px;font-size:12px;cursor:pointer;}
.home {background:url('../images/home.png') center 6px no-repeat;background-size:30px 30px;border-right:0px solid #FFFFFF;border-left:0px solid #E2ECF1;}
.homeon {background:url('../images/homeon.png') center 6px no-repeat;background-size:30px 30px;border-right:0px solid #FFFFFF;border-left:0px solid #E2ECF1;}
.share {background:url('../images/share.png') center 6px no-repeat;border-right:1px solid #FFFFFF;}
.sms {background:url('../images/sms.png') center 6px no-repeat;border-right:1px solid #FFFFFF;border-left:1px solid #E2ECF1;}
.qq  {background:url('../images/qq.png')  center 6px no-repeat;border-right:1px solid #FFFFFF;border-left:1px solid #E2ECF1;}
.tel {background:url('../images/tel.png') center 6px no-repeat;border-right:1px solid #FFFFFF;border-left:1px solid #E2ECF1;}
.cont {background:url('../images/map2.png') center 6px no-repeat;border-right:1px solid #FFFFFF;border-left:1px solid #E2ECF1;}
.tool {background:url('../images/tool.png') center 6px no-repeat;background-size:30px 30px;border-right:0px solid #FFFFFF;border-left:0px solid #E2ECF1;}
.toolon {background:url('../images/toolon.png') center 6px no-repeat;background-size:30px 30px;border-right:0px solid #FFFFFF;border-left:0px solid #E2ECF1;}
.rule {background:url('../images/rule.png') center 6px no-repeat;background-size:30px 30px;border-right:0px solid #FFFFFF;border-left:0px solid #E2ECF1;}
.ruleon {background:url('../images/ruleon.png') center 6px no-repeat;background-size:30px 30px;border-right:0px solid #FFFFFF;border-left:0px solid #E2ECF1;}
.user {background:url('../images/users.png') center 6px no-repeat;background-size:30px 30px;border-left:0px solid #E2ECF1;}
.useron {background:url('../images/userson.png') center 6px no-repeat;background-size:30px 30px;border-left:0px solid #E2ECF1;}
.myorder {background:url('../images/myorder.png') center 6px no-repeat;background-size:30px 30px;border-right:0px solid #FFFFFF;border-left:0px solid #E2ECF1;}
.myorderon {background:url('../images/myorderon.png') center 6px no-repeat;background-size:30px 30px;border-right:0px solid #FFFFFF;border-left:0px solid #E2ECF1;}
.feed {background:url('../images/qq2.png') center 6px no-repeat;border-left:1px solid #E2ECF1;}
.map {background:url('../images/map.png') center 6px no-repeat;border-left:1px solid #E2ECF1;}

.GR_nr02{display:block;width: 90%;height: 45px;margin: 20px 0 0 5%;padding: 0 0px 0 0px;background: #fff;box-shadow: 0px 1px 4px #f7a8a8;border-radius: 10px;}
.GR_nr02 img{float:left;margin:6px 10px 0 12px;}
.GR_nr02 p{float:left;font-size: 16px;color: #333;line-height: 44px}
.GR_nr02 span {display:inline-block;position: absolute;width: 45px;height: 20px; line-height:20px; text-align:center; color:#ffffff; top: calc(50% - 10px);right: 16px;border-radius: 30px;box-shadow: inset 0 0 0px #ff8b84;transition: background-color 0.3s;background: #ff8b84; font-size:10px;}

.About {width:98%;height:15px;text-align:right;padding-top:0px;}
.AboutContent {width:98%;min-height:100px;_height:100px;padding:10px 0px 0px 0px;line-height:24px;border-bottom:0px solid #DDDDDD;color:#333333;clear:both;}
.aboutus {clear:both;padding:10px 0px 10px 5px;line-height:28px;}
.aboutus a:link,.aboutus a:visited {background:url('../images/ico_09.png') no-repeat left center;padding-left:12px;font-size:16px;font-weight:bold;color:#666666;margin-right:10px;display:block;float:left;}
.company {clear:both;padding:10px;}
.company img {max-width:98%;height:auto !important;}
.company table {width:99% !important;word-wrap:break-word;}
.company iframe {max-width:100%;}
.ContentA3 {width:100%;height:45px;line-height:45px;background:#ffffff;font-size:14px;font-family:'Microsoft YaHei';box-shadow:0px 3px 1px #FC5E17;}
.ContentA3a {float:left;width:40px;height:45px;background:url('../images/back.png') no-repeat center center;}
.ContentA3a a {float:left;width:100%;height:45px;display:block;}
.ContentA3b {float:left;font-size:16px;text-align:center;color:#666666;}
.ContentA3c {float:left;width:10%;background:url('../images/index_17.png') no-repeat 70% center;cursor:pointer;}
.ContentA3c span {color:#666666;padding-left:20px;cursor:pointer;}
.view_menumain {float:left;width:96%;padding:10px 2% 0 2%;margin:6px 0 0 0;}
.view_menumain ul {padding:0px 0px 0px 0px;}
.view_menumain ul a {float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 1% 10px 1%;font-size:14px;padding:5px 10px;border:1px solid #DDDDDD;color:#000000;border-radius:8px;background:#FFFFFF;}
.view_menumain ul a.on {float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 1% 10px 1%;font-size:14px;padding:5px 10px;border:1px solid #DDDDDD;color:#FF0000;border-radius:8px;background:#FFFFFF;}
.view_newsmain {float:left;width:96%;padding:0px 2% 20px 2%;margin:6px 0 0 0;}
.view_newsmain ul {padding:0px 0px 0px 1%;}
.view_newsmain ul li {float:left;line-height:25px;}
.view_newsmain ul li a {font-size:16px;padding:5px 10px;}
.view_newsmain ul li p.on {margin:0 auto;text-align:center;margin-top:10px;background-color: #6071db;width: 25px;height: 8px;border:1px solid #6071db;border-radius:5px;}

.newslist4 {clear:both;width:96%;padding:10px 0px 0px 0px; }
.newslist4 li {background: -moz-linear-gradient(center top , #fff, #e6eef2) repeat scroll;background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6eef2));
    background:-o-linear-gradient(top, #fff, #e6eef2);border:1px solid #e6e6e6;border-radius:8px;box-shadow:1px 2px 3px #808e96; 
    float:left;width:97%;margin:0px 0px 15px 1%;}
.newslist4 li a:link,.newslist4 li a:visited,.newslist4 li a:active{background: url('../images/index_19.png') no-repeat scroll right center; background-size:16px; float: left;line-height: 2.5;overflow: hidden;padding: 0 4% 0 3%;text-overflow: ellipsis;white-space: nowrap;width: 90%;}
.newslist4 li a:hover{ text-decoration:none;color:#FF0000;}

.content {width:100%;}
.content h2,.content h3 {font-weight:bold;font-size:16px;line-height:30px;color:#325065;text-align:center;border-bottom:1px dashed #999999;width:98%;margin:10px 1%;}
.content h2 p,.content h3 p {width:98%;font-size:16px;line-height:30px;padding:0 1% 8px 1%;color:#555555;text-align:center;word-wrap:break-word;}
.content .ptimeviews {font-size:12px;}
.content .ptimeviews span {padding-left:10px;font-size:12px;}
.content .view {font-size:13px;line-height:180%;color:#325065;width:97%;padding:8px 0px;margin:0px 1.5% 0px 1.5%;}
.content .view .center {font-size:13px;line-height:180%;color:#325065;width:100%;}
.content .view .center img {max-width:98%;height:auto !important;}
.content .view .detail {width:96%;margin:0px 2% 0px 2%;}
.content .view .detail img {max-width:98%;height:auto !important;}
.content .view .detail table {width:99% !important;word-wrap:break-word;}
.content .view .detail iframe {max-width:100%;}
.content .view .detail .img_conter {padding:0;}
.content .view .buypro {height:40px;text-align:center;margin-top:20px;}
.content .view .buypro a {padding:6px 20px;color:#fff;background:#FF8101;margin:0 10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.content .jobtable {width:99%;border-left:1px solid #CCCCCC;border-top:1px solid #CCCCCC;}
.content .jobtable td {height:30px;border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
.content .backlist2 {display:block;width:60px;height:32px;line-height:32px;margin:15px auto;color:#FFFFFF;font-size:14px;text-align:center;background:#FF8101;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
.content .prevpage,.content .nextpage {display:block;width:96%;margin:0px 1% 8px 1%;padding:0 1% 0 0;height:25px;line-height:25px;font-size:12px;color:#325065;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background:#F2F2F2;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
.content .prevpage span,.content .nextpage span {color:#666666;padding-left:10px;}
.content .prevpage span a,.content .nextpage span a {color:#666666;}
.content .hr {width:98%;height:0;border-top:1px dashed #999999;margin:0px 1% 10px 1%;}

/* banner */
.big-pic{width:100%;position:relative;border-bottom:5px solid #A8A8A8;margin-top:5px;}
.big-pic img {float:left;width:100%;height:auto;display:block;}
.big-pic-in {position:relative;width:100%;height:auto;overflow:hidden;}
.pic-list {position:relative;height:auto;-webkit-transform:translate3d(0,0,0);z-index:0;}
.slide-dot {width:95%;overflow:hidden;position:absolute;left:0;bottom:0;height:26px;text-align:right;padding:0 5% 0 0;}
.slide-dot span {display:inline-block;width:6px;height:6px;border-radius:8px;vertical-align:top;z-index:10;background:#B5B5B5;margin:8px 3px 0 2px;}
.slide-dot .slide-dot-cur {z-index:10;vertical-align:top;background:#C80002;width:7px;height:7px;border-radius:10px;margin-top:7px;}
.transition {-moz-transition:-moz-transform 0.3s ease-out;-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out;}

.slider-focus {position:relative;max-width:640px;overflow:hidden;margin:0px auto 10px auto;/*max-height:320px;*/}
.slider-focus .tempWrap {overflow:hidden;position:relative;}
.slider-focus .hd {position:absolute;width:100%;height:22px;left:0;bottom:5%;z-index:1;line-height:28px;text-align:center;}
.slider-focus .hd li {display:inline-block;vertical-align:middle;width:10px;height:10px;margin:0 3px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;background:#CCCCCC;cursor:pointer;}
.slider-focus .hd li.on {background:#FF0000;width:12px;height:12px;}
.slider-focus .bd {position:relative;z-index:0;}
.slider-focus .bd li {position:relative;text-align:center;}
.slider-focus .bd li img {background:url('../images/loading.gif') center center no-repeat;vertical-align:top;width:100%;}
.slider-focus .bd li a {-webkit-tap-highlight-color:rgba(0,0,0,0);}
.slider-focus .bd li .tit {display:block;width:100%;position:absolute;bottom:0;text-indent:10px;height:28px;line-height:28px;color:#fff;text-align:left;}

.index-nav {width: 96%;padding: 16px 2%;background-color: #ffffff;}
.index-nav-con {width: 100%;display: flex;flex-wrap: wrap;}
.index-nav-list {width: 33.3333%;margin-bottom: 11px;}
.index-navL-img {display: block;width: 38px;height: 38px;border-radius: 50%;margin: 0 auto; max-width: 100%;position: relative;z-index: 0;}
.index-navL-text {margin-top: 5px;font-size: 14px;color: #4b4b4b;text-align: center;}

.searchR {padding:5px 0 0px 10px;line-height:30px;}
.searchR span {color:#FF0000;} 
.index-pros {width:96%;padding:5px 2%;}
.index-pros .title {width:100%;height:35px;line-height:35px;}
.index-pros .title:after {content:"";}
.index-pros .title p {float:left;padding-left:15px;font-size:16px;font-weight:bold;color:#333333;}
.index-pros .title .pros-type li {float:left;margin-right:10px;}
.index-pros .title .pros-type li a {font-size:14px;color:#333333;}
.index-pros .title .pros-type li.curr a {font-weight:bold;color:#1a90fc;border-bottom:2px solid #1a90fc;}
.index-pros .title .pros-type li:last-child {margin-right:10px;}
.index-pros .title .pros-show li {float:left;margin-right:10px;}
.index-pros .title .pros-show li a {font-size:14px;color:#333333;}
.index-pros .title .pros-show li.curr a {font-weight:bold;color:#1a90fc;border-bottom:2px solid #1a90fc;}
.index-pros .title .pros-show li:last-child {margin-right:0px;}
.index-pros .title .pros-show li img {cursor:pointer; vertical-align:top;margin-top:5px;width:25px;}

.pros-order {width:100%;margin:15px 0 0 0;height:30px;line-height:30px; }
.pros-order ul li {float:left;margin:0 8px 0 0;}
.pros-order ul li a {background:#f1f7ff;font-size:13px;color:#555555;padding:8px 10px;border-radius:5px;}
.pros-order ul li.curr a {background:#f1f7ff;font-size:13px;color:#5b8aff;font-weight:bold;}
.content-addselect {width:96%;margin:10px 0 0 2.5%;height:35px;line-height:35px; overflow:hidden;word-break:break-all;}
.content-addselect span {height:35px;color:#333333;font-size:14px;}
.content-addselect .content-block-text {height:35px;line-height:35px;overflow:hidden;color:#555555;border:none;margin:0 0 0 5px;font-size:14px;word-break:break-all;}
.content-addselect .content-block-text:focus {border:none;outline:none;}

.pros-con {padding:5px 0%;width:98%;border:0px solid #DDDDDD;}
.pros-con .item:not(.active) {display:none;}
.pros-con .item {width:100%;}
.divloading {width:100%;height:30px;padding:10px 0;text-align:center;}
.pros-teim {width:100%;}
.pros-teim li:nth-of-type(1) {}
.pros-teim li {margin-top:10px;width:100%;min-height:160px;border-bottom:1px solid #EEEEEE;word-break:break-all;}
.pros-teim li.probox .item-img  {float:left;width:80px;height:80px;padding:5px 0;overflow:hidden;}
.pros-teim li.probox .item-img img {width:80px;height:80px;}
.pros-teim li.probox .item-title {float:left;}
.pros-teim li.probox .item-title a {font-size:13px;display:block;margin:15px 0 0 10px;}
.pros-teim li.probox .item-tuiguang {float:right;display:block;padding:10px 0px 0px 0px;}
.pros-teim li.probox .item-tuiguang a {display:block;width:90px;height:35px;line-height:35px;background:#1b8ffe;text-align:center;color:#FFFFFF;font-size:14px;border-radius:15px;}
.pros-teim li.probox .item-edu {float:left;width:50%;height:30px;line-height:30px;overflow:hidden;background:url('../images/doright.png') left center no-repeat;background-size:20px 20px;}
.pros-teim li.probox .item-edu span {padding-left:23px;}
.pros-teim li.probox .item-feilv {float:left;width:50%;height:30px;line-height:30px;overflow:hidden;background:url('../images/doright.png') left center no-repeat;background-size:20px 20px;}
.pros-teim li.probox .item-feilv span {padding-left:23px;}
.pros-teim li.probox .item-huankuan {float:left;width:50%;height:30px;line-height:30px;overflow:hidden;background:url('../images/doright.png') left center no-repeat;background-size:20px 20px;}
.pros-teim li.probox .item-huankuan span {padding-left:23px;}
.pros-teim li.probox .item-qixian {float:left;width:50%;height:30px;line-height:30px;overflow:hidden;background:url('../images/doright.png') left center no-repeat;background-size:20px 20px;}
.pros-teim li.probox .item-qixian span {padding-left:23px;}

.pros-teim li.proboxlist {float:left;width:31%;margin:10px 2% 0 0;}
.pros-teim li.proboxlist .item-img  {float:left;width:100%;height:80px;text-align:center;padding:5px 0;overflow:hidden;}
.pros-teim li.proboxlist .item-img img {width:80px;height:80px;}
.pros-teim li.proboxlist .item-title {width:100%;height:25px;line-height:25px;overflow:hidden;text-align:center;}
.pros-teim li.proboxlist .item-title a {font-size:13px;display:block;}
.pros-teim li.proboxlist .item-tuiguang {width:100%;display:block;padding:5px 0px 10px 0px;}
.pros-teim li.proboxlist .item-tuiguang a {display:block;width:90px;margin:0 auto;height:35px;line-height:35px;background:#1b8ffe;text-align:center;color:#FFFFFF;font-size:14px;border-radius:15px;}
.pros-teim li.proboxlist .item-edu {float:left;width:100%;height:42px;line-height:20px;overflow:hidden;}
.pros-teim li.proboxlist .item-edu span {padding-left:0px;}
.pros-teim li.proboxlist .item-feilv {float:left;width:100%;height:42px;line-height:20px;overflow:hidden;}
.pros-teim li.proboxlist .item-feilv span {padding-left:0px;}
.pros-teim li.proboxlist .item-huankuan {float:left;width:100%;height:42px;line-height:20px;overflow:hidden;}
.pros-teim li.proboxlist .item-huankuan span {padding-left:0px;}
.pros-teim li.proboxlist .item-qixian {width:100%;height:45px;line-height:20px;overflow:hidden;}
.pros-teim li.proboxlist .item-qixian span {padding-left:0px;}

.product-content {width:94%;min-height:100px;_height:100px;padding:10px 0px 0px 1%;line-height:24px;color:#666666;clear:both;}
.product-detail {width:100%;word-break:break-all;}
.pro-img {width:100%;margin: 10px 0;min-height:60px;max-height:120px;overflow:hidden;border-bottom: 1px solid #CCCCCC;}
.pro-imgL {float:left;overflow:hidden;}
.pro-imgL img {width:80px;height:80px;}
.pro-imgR {float:right;margin:10px 0 0 0;}
.pro-imgR a {display:block;width:80px;height:30px;line-height:30px;text-align:center;color:#d83927;font-size:14px;font-weight:bold;border:1px solid #d83927;border-radius:10px;}
.pro-info {width:100%;margin: 10px 0;border-bottom: 1px solid #CCCCCC;}
.pro-info p {padding:10px 0;}
.pro-diyu {width: 100%;margin: 10px 0;border-bottom: 1px solid #CCCCCC;}
#divQuYu .mrc-btn {padding:0 10px;height:24px;line-height:24px;background: #ffffff;border:1px solid #fd4b0f;border-radius:5px;font-size: 14px;color: #ff0000;text-align: center;}

.protitle {position: relative;width: 100%;height: 30px;margin:12px 0 0 0;}
.protitle:after {content:"";position:absolute;left:0;top:2px;width:5px;height:20px;background:#FC5E17;}
.protitle span {float: left;padding-left: 15px;font-size: 16px;font-weight: bold;color: #333333;}
.proitem {width:100%;margin:10px 0;}
.proitem-provcity {width:100%;}
.proitem-provcity strong {color:#FF0000;}
.proitem-provcity span {color:#333333;}
.pro-yaoqiu {width: 100%;margin: 10px 0 0 0;}
.pro-tabs {width:98%;padding:5px 1%;}
.pro-tabs .title {width:100%;height:30px;line-height:30px;}
.pro-tabs .title:after {content:"";}
.pro-tabs .title p {float:left;padding-left:15px;font-size:16px;font-weight:bold;color:#333333;}
.pro-tabs .title li {float:left;margin-right:10px;}
.pro-tabs .title li a {display:block;height:25px;line-height:24px;padding:3px 8px;background:#e69174;border:0px solid #ef6d21;border-radius:8px;font-size:12px;color:#ffffff;}
.pro-tabs .title li.curr a {font-weight:bold;font-size:13px;color:#ffffff;background:#fd4b0f;}
.pro-conts {padding:10px 0%;width:98%;border:0px solid #DDDDDD;}
.pro-conts .item:not(.active) {display:none;}
.pro-conts .item {width:100%;}
.pro-template {width:100%;margin:10px 0;border-bottom:1px solid #CCCCCC;}
.pro-template2 {width:100%;margin:10px 0;border-bottom:1px solid #CCCCCC;padding-bottom:40px;}
.pro-template3 {width:98%;max-height:340px;overflow:hidden;margin:10px 0;padding:0 0 10px 1%;text-align:center;}
.pro-template3 img {max-width:98%;height:auto !important;}
.pro-template4 {width:98%;max-height:340px;overflow:hidden;margin:10px 0;padding:0 0 10px 1%;}
.pro-template4 .form {margin:10px 0px;}
.pro-template4 .form th {text-align:right;padding-right:8px;font-size:12px;font-weight:normal;}
.pro-template4 .form td {height:38px;}
.pro-template4 .form .txt {border:1px solid #CCCCCC;width:90%;height:24px;line-height:24px;padding:2px 1%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.pro-template4 .form .button_btn {width:90%;height:32px;line-height:30px;color:#fff;font-size:14px;font-weight:bold;cursor:pointer;display:inline-block;vertical-align:middle;text-align:center;border:1px solid #999999;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
    -webkit-appearance:none;box-sizing:border-box;outline:none;transition:all .3s;-webkit-transition:all .3s;background:#2655f9;}
.pro-imgBox {width:98%;height:100%;margin:10px 0;padding:0 0 10px 1%;}
.pro-imgBox-tuiguang {width:100%;}
.pro-imgBox-tuiguang img {max-width:98%;height:auto !important;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;}
.qrcode-content {width:100%;min-height:350px;padding:10px 0px 20px 0;background:#5783f0;line-height:24px;color:#333333;clear:both;}
.qrcode-detail {width:80%;word-break:break-all;min-height:250px;padding:10px 5% 10px 5%;background:#ffffff;margin-top:50px;border:1px solid #ffffff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.qrcode-img {width:100%;margin: 10px 0;min-height:60px;max-height:120px;overflow:hidden;border-bottom:0px solid #CCCCCC;}
.qrcode-imgL {float:left;overflow:hidden;}
.qrcode-imgL img {width:80px;height:80px;}
.qrcode-imgR {float:right;margin:10px 0 0 0;}
.qrcode-imgR a {display:block;width:70px;height:26px;line-height:26px;text-align:center;color:#7878e6;font-size:14px;font-weight:bold;border:0px solid #7878e6;border-radius:15px;background:#e2e8ff;}
.qrcode-edu {width:100%;text-align:center;padding:10px 0;}
.qrcode-edu p {text-align:center;line-height:36px;color:#d9ad88;}
.qrcode-edu p strong {font-size:16px;}
.qrcode-edu p span {font-size:30px;}
.qrcode-imgBox {color:#7f92e8;font-size:15px;}
.qrcode-imgBox p {color:#ff0000}
.qrcode-imgBox strong { }
.qrcode-imgBox-qrcode {width:160px;height:160px;padding:10px 10px 0 10px;text-align:center;border:5px solid #d9ad88;border-radius:5px;}
.qrcode-imgBox-qrcode img {max-width:98%;height:auto !important;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;}
.pro-copy-btn {border: 1px solid #2e5aff;border-radius: 5px;width: 90px;height: 30px;line-height: 30px;text-align: center;color: #2e5aff;margin: 10px auto 10px auto;cursor:pointer;}
.pro-copy-btn span {cursor:pointer;}
.pro-template5 {width:98%;overflow:hidden;margin:10px 0;padding:0 0 10px 1%;}
.pro-template5 .form {margin:10px 0px;}
.pro-template5 .form th {text-align:right;padding-right:8px;font-size:12px;font-weight:normal;}
.pro-template5 .form td {height:38px;}
.pro-template5 .form .txt {border:1px solid #CCCCCC;width:90%;height:24px;line-height:24px;padding:2px 1%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.pro-template5 .form .sendcode-button {height:30px;line-height:30px;margin:0 0 0 5px;padding:0 10px;font-size:14px;color:#333333;background:#eeeeee;border-radius:5px;border:none;outline:none;cursor:pointer;}
.pro-template5 .form .sendcode-button::-webkit-input-placeholder,.pro-template5 .form .sendcode-button:-ms-input-placeholder {color:#333333;}
.pro-template5 .form .button_btn {width:90%;height:32px;line-height:30px;color:#fff;font-size:14px;font-weight:bold;cursor:pointer;display:inline-block;vertical-align:middle;text-align:center;border:1px solid #999999;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
    -webkit-appearance:none;box-sizing:border-box;outline:none;transition:all .3s;-webkit-transition:all .3s;background:#2655f9;}
.ContentD3 {width:100%;height:45px;line-height:45px;background:#ffffff;font-size:14px;font-family:'Microsoft YaHei';border-bottom:2px solid #5783f0}
.ContentD3a {font-size:16px;text-align:center;color:#666666;}
.ContentD3a span {text-align:center;}
.pro-miniapp {width:100%;margin:10px 0;padding:10px 0;text-align:center;}
.pro-miniapp img {width:150px;text-align:center;}
.pro-template5 .search {margin-top: 14px;width: calc(100% - 18px);background: #fff;border-radius: 4px;padding: 9px;display: flex;}
.pro-template5 .search .search-input {width: calc(100% - 57px);height: 31px;padding-right: 14px;position: relative;}
.pro-template5 .search .search-input .uni-input {width: calc(100% - 30px);height: 100%;background:#f6f7f9 url('../images/search.png') no-repeat 5px center;background-size:20px;padding-left: 28px;border:1px solid #CCCCCC;border-radius: 5px;font-size: 12px;font-family: Microsoft YaHei;}
.pro-template5 .search .search-btn {width: 57px;height: 31px;background: #2655f9;border-radius: 8px;font-size: 12px;font-weight: 700;color: #fff;text-align: center;line-height: 31px;}
.pro-template5 .searchtips {width:96%;margin:10px 0;padding:0 2%;}
.pro-template5 .searchtips p {font-size:14px;}
.pro-template5 .searchtips ul {}
.pro-template5 .searchtips ul li {font-size:12px;}
a.nextstep {display:block;width:90%;height:32px;line-height:30px;color:#fff;font-size:14px;font-weight:bold;cursor:pointer;display:inline-block;vertical-align:middle;text-align:center;border:1px solid #999999;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;
    -webkit-appearance:none;box-sizing:border-box;outline:none;transition:all .3s;-webkit-transition:all .3s;background:#2655f9;}

.pro-bottom {border-top: 1px solid #CCCCCC;width: 94%;height: 50px;background-color: #fff;padding: 0 0px;position: fixed;bottom: 0;display: flex;justify-content: space-between;align-items: center;}
.pro-bottom .btns1 {width: 80px;height: 38px;line-height: 38px;background: #ffffff;border:1px solid #fd4b0f;border-radius: 8px;font-size: 14px;color: #fd4b0f;text-align: center;}
.pro-bottom .btns2 {width: 220px;height: 38px;line-height: 38px;background: #fd4b0f;border-radius: 8px;font-size: 14px;font-weight: 700;color: #ffffff;text-align: center;}

.menulist {width:100%;}
.menulist ul {width:96%;}
.menulist ul li {background:url('../images/circle.png') no-repeat left center;padding:0 0 0 25px;height:35px;line-height:35px;border-bottom:1px dashed #DDDDDD;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.menulist ul li a {color:#666666;font-size:13px;}

.xdlinklist {padding: 0 16px;}
.xdlinklist .header {padding: 30px 0;font-size: 24px;text-align: center;}
.xdlinklist .header .title {font-size:24px;}
.xdlinklist .main {border-top: 1px solid #ebedf0;}
.xdlinklist .main .item {padding: 16px 0;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #ebedf0;}
.xdlinklist .main .item .itemtext {margin:0 0 0 0!important;font-size:14px;}
.xdlinklist .main .item .item-icon {margin:0 0 0 0!important;display: flex;align-items: center;height: 100%;}
.xdlinklist .main .item .item-icon img {margin:0 0 0 0!important;display: block;width: 16px;height: 16px;}

.customer-con {padding:5px 0%;width:98%;border:0px solid #DDDDDD;}
.customer-teim {width:100%;}
.customer-teim li {width:96%;padding:10px 2%;margin:0 0 15px 0;min-height:80px;border-bottom:1px solid #EEEEEE;box-shadow: 0px 1px 4px #999999;position:relative;border-radius: 10px;}
.customer-teim li .item-left {float:left;margin:0 0 0 5px;}
.customer-teim li .item-right {float:right;margin:25px 0 0 0;}
.customer-teim li .item-right a {height:30px;line-height:30px;padding:0 20px 0 0; background:url('../images/rightarrow.png') right center no-repeat;}
.customer-teim li .item-right a:after{ }
.customer-teim li .item-list {width:100%;}
.customer-teim li .item-title {width:100%;}
.customer-teim li .item-title span {font-weight:bold;font-size:13px;}
.customer-teim li .item-name  {float:left;padding:5px 0;overflow:hidden;}
.customer-teim li .item-name span {padding:0 10px 0 0;}
.customer-teim li .item-idcard {width:100%;}
.customer-teim li .item-idcard span {font-size:13px;}

.customer-content {width:94%;min-height:100px;_height:100px;padding:10px 0px 0px 1%;line-height:24px;color:#333333;clear:both;}
.customer-detail {width:100%;word-break:break-all;}
.customer-img {width:100%;margin: 10px 0;max-height:120px;overflow:hidden;border-bottom: 5px solid #EEEEEE;}
.customer-imgL {float:left;overflow:hidden;}
.customer-imgL img {width:80px;height:80px;}
.customer-imgR {float:right;margin:20px 0 0 0;}
.customer-imgR a {display:block;width:80px;height:30px;line-height:30px;text-align:center;color:#d83927;font-size:14px;font-weight:bold;border:1px solid #d83927;border-radius:10px;}
.customer-imgR span {font-size:13px;font-weight:bold;}
.customer-info {width:100%;margin: 0px 0;border-bottom: 0px solid #EEEEEE;}
.customer-info p {padding:0px 0 10px 0;}
.customer-feed {width: 100%;margin: 0px 0 0px 0;border-bottom: 5px solid #EEEEEE;}
.customer-title {position: relative;width: 100%;height: 25px;margin:12px 0 0 0;}
.customer-title:after {content:"";position:absolute;left:0;top:2px;width:5px;height:20px;background:#FC5E17;}
.customer-title span {float: left;padding-left: 12px;font-size: 14px;color: #666666;}
.customer-proitem {width:100%;margin:0px 0 10px 0;}
.customer-cusinfo {width: 100%;}
.customer-cusinfo span {padding:0 10px 0 0;}
.customer-cuslist {width: 100%;}

.loansContent {width:100%;padding:10px 0px 0px 0px;line-height:24px;border-bottom:0px solid #DDDDDD;color:#333333;clear:both;}
.loanshead {width:100%;padding:0 0px;padding-top:96px;background: url('../images/loans-bg2.png') no-repeat;background-size: 100% 170px;border: 0 solid #fff;}
.loanshead .loanshead-con {width: calc(100% - 56px);height: 83px;background: #fff;margin:0 0 0 14px;border-radius: 4px;padding: 0 14px;display: flex;}
.loanshead .loanshead-con .head-con-left {width: 180px;}
.loanshead .loanshead-con .head-con-left .head-con-title {margin-top: 17px;font-size: 17px;font-weight: 400;color: #000;}
.loanshead .loanshead-con .head-con-left .head-con-text {margin-top: 9px; font-size: 12px;font-weight: 400; color: #666;}
.loanshead .loanshead-con .head-con-right {display: flex; justify-content: center;align-items: center;}
.loanshead .loanshead-con .head-con-right .head-con-btn {width: 87px;height: 30px;background: #2655f9;border-radius: 14px;font-size: 11px;font-weight: 700;color: #fff;text-align: center;line-height: 30px;}
.loanshead .loanshead-con .head-con-right .head-con-btn a {color:#ffffff;}

.loansbox {padding: 0 14px;}
.loansbox .cs {margin-top: 19px;width: calc(100% - 18px);background: #fff;border-radius: 4px;padding: 14px 9px;display: flex;align-items: center;}
.loansbox .cs .cs-title {width: 26px;font-size: 12px;font-weight: 700;color: #2655f9;line-height: 19px;}
.loansbox .cs .cs-con {width: calc(100% - 103px);display: flex;justify-content: space-around;}
.loansbox .cs .cs-con .cs-con-list .cs-con-text1 {font-size: 11px;font-weight: 700;color: #000;text-align: center;}
.loansbox .cs .cs-con .cs-con-list .cs-con-text1 span.numred {color:#FF0000;}
.loansbox .cs .cs-con .cs-con-list .cs-con-text1 span.numblue {color:rgb(38, 85, 249);}
.loansbox .cs .cs-con .cs-con-list .cs-con-text2 {margin-top: 0px;font-size: 10px;font-weight: 700;color: #666;text-align: center;}
.loansbox .cs .cs-btn {width: 76px;height: 24px;background: red;border-radius: 12px;font-size: 10px;font-weight: 700;color: #fff;text-align: center;line-height: 24px;}
.loansbox .search {margin-top: 14px;width: calc(100% - 18px);background: #fff;border-radius: 4px;padding: 9px;display: flex;}
.loansbox .search .search-input {width: calc(100% - 57px);height: 31px;padding-right: 14px;position: relative;}
.loansbox .search .search-input .uni-input {width: calc(100% - 30px);height: 100%;background:#f6f7f9 url('../images/search.png') no-repeat 5px center;background-size:20px;padding-left: 28px;border:none;border-radius: 15px;font-size: 11px;font-family: Microsoft YaHei;}
.loansbox .search .search-btn {width: 57px;height: 31px;background: #2655f9;border-radius: 15px;font-size: 11px;font-weight: 700;color: #fff;text-align: center;line-height: 31px;}
.loansbox .loanslist {margin-top: 13px;width: calc(100% - 18px);background: #fff;border-radius: 4px;padding: 14px 9px;display: flex;}
.loansbox .loanslist .list-img {display: block;width: 16px;height: 24px;background: url('../images/loans-bg4.png') no-repeat left center;background-size:16px;}
.loansbox .loanslist .list-con {width: calc(100% - 16px);padding-left: 7px;}
.loansbox .loanslist .list-con .list-title {font-size: 14px;font-weight: 700;color: #000;}
.loansbox .loanslist .list-con .list-text {margin-top: 0px;font-size: 12px;font-weight: 700;color: #000;}
.loansbox .loanslist .list-con .list-text .spantime {color: rgb(102, 102, 102);}
.loansbox .loanslist .list-con .list-text .spandetail {float: right; margin-right: 9px; font-size: 11px; color:#ff0000;}
.loansbox .loanslist .list-con .list-text .spandetail a {color:#ff0000;}
.loansbox .statelist {margin-top: 13px;width:100%;background: #fff;border-radius: 4px;}
.loansbox .statelist ul {padding: 15px 10px 15px 20px;}
.loansbox .statelist ul li {line-height:22px;}
.loansbox .searchBR {margin-top: 0px;width: calc(100% - 18px);background: #fff;border-radius: 4px;padding:3px 0px;display: flex;}
.loansbox .searchBR .search-input {width: calc(100% - 57px);padding-right: 14px;position: relative;}
.loansbox .searchBR .search-btn {width: 57px;height: 31px;background: #2655f9;border-radius: 15px;font-size: 11px;font-weight: 700;color: #fff;text-align: center;line-height: 31px;}

.loansContent .headimg {width:100%;height:246px;background: url('../images/loans-bg3.png') no-repeat left center;background-size:100%;}
.loansbox .form {width: calc(100% - 24px);background-color: #fff;border-radius: 9px;padding: 24px 12px;margin-top: -48px;}
.loansbox .form .rzpop-input {width: 100%;height: 38px;margin-bottom: 7px;position: relative;}
.loansbox .form .rzpop-input .uni-input {width: calc(100% - 35px);height: 100%;background:url('../images/loans-bg4.png') no-repeat 7px center;background-size:20px;border: 1px solid #eef0e9;border-radius: 4px;font-size: 11px;padding-left: 33px;}
.loansbox .form .rzpop-btn {width: 100%;height: 38px;margin-top: 14px;background-color: #016bfd;border-radius: 4px;font-size: 14px;color: #fff;text-align: center;line-height: 38px;}
.loansbox .form .login_photo {font-size: 11px;font-weight: 700;margin-top: 14px;display: flex;justify-content: center;align-items: center;}
.loansbox .form .login_photo input {margin:0 3px 0 0;}
.loansbox .form .login_photo a {color: rgb(116, 101, 245);font-weight: bold;}
.uni-scroll-view-content {width: 100%;height: 100%;}
.smpop {width: 100%;height: auto;}
.smpop .smpop-title {margin-top: 9px;margin-bottom: 9px;font-size: 14px;color: #016bfd;font-weight: 700;text-align: center;}
.smpop .cppop-cons {margin-top: 4px;width: 100%;height: 240px;padding: 0 14px;}
.uni-scroll-view {width: calc(100% - 30px);height: 100%;padding:10px 15px 10px 15px;}
.uni-scroll-view p.pinvite {text-align:center;}
.uni-scroll-view p span {font-size:14px;}
.uni-scroll-view img {max-width:98%;height:auto !important;padding:0 0 10px 0;}
.uni-scroll-view table {width:100%;table-layout:fixed;}
.uni-scroll-view table th {height:30px;}
.uni-scroll-view table td {line-height:20px;}
.line_ff9966,.line_ff9966:hover td {background-color:#3498db;color:#ffffff;}
.line_fbffe4,.line_fbffe4:hover td {background-color:#ffffff;}

.rulecontainer {width:100%;padding:0;overflow:hidden;margin:auto;}
.category-box {width:100%;height:100%;margin-top:0px;overflow:hidden;}
.category1 {float:left;width:34%;height:100%;outline:none;background-color:#ffffff;}
.category1 ul {width:100%;padding-bottom:50px;overflow:hidden;}
.category1 li {height:30px;line-height:30px;background-color:#fff;border-top:1px solid #f4f4f4;font-size:13px;font-weight:bold;overflow:hidden;text-align:left;padding:0 0 0 5px;}
.category1 li.cur {color:#DE3535;border-left:2px solid #DE3535;border-right:2px solid #DE3535;background:#f4f4f4}
.category1 li.small {font-size:13px;font-weight:normal;padding:0 0 0 15px;}
/*.category1 li.cur:before {position:absolute; right:0; top:50%; margin-top:-5px; content:''; display:block;display: inline-block;border-width: 6px;border-color: transparent #fff transparent transparent;border-style: dashed solid dashed dashed;}*/

.category2 {float:left;width:64%;padding:0 0 0 1%;height:100%;outline:none;background-color:#ffffff;}
.category2 .rulelist {clear:both;width:98%;margin:0 0 0 1%;padding:0px 0px 0px 0px;height:100%;min-height:400px;}
.category2 .rulelist .rulep {width:100%; height:30px;margin-top:5px;}
.category2 .rulelist .rulep a {display:block; height:25px;line-height:25px;font-size:16px; color:#FF0000;}
.category2 .rulelist ul {padding:0px 5px 0px 0px;}
.category2 .rulelist ul li {padding:0px 0px 0px 12px;text-align:left;background:url('../images/ablin.png') no-repeat 0px 8px;line-height:30px;}
.category2 .rulelist ul li a:link {text-decoration:none;}
.category2 .rulelist ul li a:active {text-decoration:none;color:#FF0000;}
.category2 .rulelist ul li span {color:#808080;padding-left:10px;font-size:13px!important;}

ul.rulefl li i:before, ul.rulefl li i:after {transition: all 0.25s ease-in-out;}
ul.rulefl li {animation: flipdown 0.5s ease both;}
ul.rulefl {list-style: none;perspective: 900;padding: 0;margin: 0;}
ul.rulefl li { position: relative;padding: 0;margin: 0;padding-bottom: 4px;padding-top: 18px;border-bottom: 1px dotted #666666;}
ul.rulefl li h2 {color:#000000;font-size: 13px;line-height: 30px;font-weight: 500;letter-spacing: 1px;display: block;background-color: #fefffa;margin-top: 10px;cursor: pointer;}
ul.rulefl li div.rulecont {color: rgba(48, 69, 92, 0.8); font-size: 13px;line-height: 26px;letter-spacing: 1px;position: relative;overflow: hidden;max-height: 800px;opacity: 1;transform: translate(0, 0);padding:5px 0 5px 0;margin-top: 0px;z-index: 2;}
ul.rulefl li i {position: absolute;transform: translate(-6px, 0);margin-top: 8px;right: 0;}
ul.rulefl li i:before, ul.rulefl li i:after {content: ""; position: absolute;background-color: #ff6873;width: 3px;height: 9px;}
ul.rulefl li i:before {transform: translate(-2px, 0) rotate(45deg);}
ul.rulefl li i:after {transform: translate(2px, 0) rotate(-45deg);}
ul.rulefl li input[type=checkbox] {position: absolute;cursor: pointer;width: 100%;/*height: 100%;*/z-index: 1;opacity: 0;}
ul.rulefl li input[type=checkbox]:checked ~ div.rulecont {margin-top: 0;max-height: 0;opacity: 0; transform: translate(0, 50%);}
ul.rulefl li input[type=checkbox]:checked ~ i:before {transform: translate(2px, 0) rotate(45deg);}
ul.rulefl li input[type=checkbox]:checked ~ i:after {transform: translate(-2px, 0) rotate(-45deg);}
ul.rulefl li .itemproduct {width:100%;padding:5px 0 5px 0px;line-height:20px;background:url('../images/index_20.png') no-repeat 0px 6px; background-size:20px;}
ul.rulefl li .itemproduct span {display:block;padding: 0 0 0 0;height:22px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
ul.rulefl li .itemproduct span a {color:#2953ff;font-size:12px !important;padding: 0 0 0 24px;}
ul.rulefl li .itemproduct p {width:100%;margin:0 auto;padding:25px 0 15px 0;text-align:center;}
ul.rulefl li .itemproduct p a {color:#2953ff;font-size:12px !important;padding:5px 20px;border:1px solid #CCCCCC; border-radius:5px;}

@keyframes flipdown {
  0% {opacity: 0;transform-origin: top center;transform: rotateX(-90deg);}
  5% {opacity: 1;}
  80% {transform: rotateX(8deg);}
  83% {transform: rotateX(6deg);}
  92% {transform: rotateX(-3deg);}
  100% {transform-origin: top center;transform: rotateX(0deg);}
}


@media all and (min-width:640px) {
    body {width:640px;margin:0 auto;}
    .product-content,.qrcode-content {width:330px;}
    .product-detail,.qrcode-detail {width:320px;}
    .pro-imgBox-tuiguang {width:320px;}
    .pro-imgBox-tuiguang img {width:300px;}
    .pro-imgBox-qrcode {bottom:28%;right: 30%;}
    .pro-bottom {width: 330px;}
}

@media all and (max-width:640px) {
    .pro-imgL img,.qrcode-imgL img,.customer-imgL img {max-width:150px;}
}

@media all and (max-width:320px) {
    .pro-imgL img,.qrcode-imgL img,.customer-imgL img {max-width:120px;}
}
