body,button,input,select,textarea,label{font-family: Lucida Grande,'Microsoft YaHei',"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif !important; font-size: 15px; color: #222;}
ul, ol, dl { list-style: none; padding: 0; margin: 0;}
a { text-decoration: none;}
a:hover { text-decoration: none;}
::-webkit-input-placeholder {color: #ccc;}  
:-moz-placeholder { color: #ccc; opacity: 1; }  
::-moz-placeholder {color: #ccc; opacity: 1;}  
:-ms-input-placeholder { color: #ccc; }  
.btn-padded{ padding: 0 15px 40px 15px;}
.btn-padded-2{ padding: 0 15px;}
.btn-center{ width: 100%; height: 50px; line-height: 50px; background:linear-gradient(to bottom, #497ffc , #446efc); border: #3f72d9 solid 1px; border-radius: 1px; padding: 0; margin: 0; font-size: 17px; color: #fff;}
.btn-center-2{ width: 100%; height: 45px; line-height: 45px; background:linear-gradient(to bottom, #497ffc , #446efc); border: #3f72d9 solid 1px; border-radius: 1px; padding: 0; margin: 0; font-size: 17px; color: #fff;}

button[disabled="disabled"]{background: #e8eaed; border: #dedede solid 1px; border-radius: 1px; padding: 0; margin: 0; color: #ccc;}
.btn-1{ width:100%; height: 40px; line-height: 40px; background:linear-gradient(to bottom, #497ffc , #446efc); border: #3f72d9 solid 1px; border-radius: 1px; padding: 0; margin: 0; font-size: 16px; color: #fff;}
.btn-2{ width:100%; height: 40px; line-height: 40px; background:linear-gradient(to bottom, #ffffff , #f3f8ff); border: #3f72d9 solid 1px; border-radius: 1px; padding: 0; margin: 0; font-size: 16px; color: #2c70ee;}
.btn-3{ width:100%; height: 50px; line-height: 50px; background:linear-gradient(to bottom, #497ffc , #446efc); border: #3f72d9 solid 1px; border-radius: 1px; padding: 0; margin: 0; font-size: 16px; color: #fff;}
.btn-4{ width:100%; height: 50px; line-height: 50px; background:linear-gradient(to bottom, #ffffff , #f3f8ff); border: #3f72d9 solid 1px; border-radius: 1px; padding: 0; margin: 0; font-size: 16px; color: #2c70ee;}
.btn-5{ width: 65%; height: 45px; line-height: 45px; background:linear-gradient(to bottom, #ffffff , #f3f8ff); border: #3f72d9 solid 1px; border-radius: 1px; padding: 0; margin: 0; font-size: 17px; color: #3a7aef; float: left;}
.btn-6{ width: 100px; height: 35px; line-height: 35px; background:linear-gradient(to bottom, #ffffff , #f3f8ff); border: #3f72d9 solid 1px; border-radius: 1px; padding: 0; margin: 0; font-size: 15px; color: #3a7aef; float: left;}

/* jiajia */
.main{ width:100%; background:#fafafa;}
.register-main{ width:100%; padding:63px 0 100px 0; margin:0 auto; overflow:hidden;}
.register-main-1{ width:100%; padding:20px 0; margin:0 auto; overflow:hidden;}
.qr-code{ width:270px; height:270px; margin:0 auto}
.qr-span{ margin:0 auto width:270px; height:60px; background:#f7f7f7; font-size:24px; line-height:60px; text-align:center; color:#666;}


.bill-table{ width:100%; overflow:hidden; border:#ebebeb solid 1px; background:#fff;}
.bill-tr{ display:block; width:738px; padding:0 0 0 20px; float:left; background:#fff; font-size:14px; border-bottom:#ebebeb solid 1px; overflow:hidden; color:#666;}
.bill-th{ display:block; width:90%; height:90%; padding:15px 20px; float:left; background:#fff; font-size:14px; border-bottom:#ebebeb solid 1px;}
.bill-td-all{ padding:0 0 0 20px; width:739px; float:left;}
.bill-td-all ul{ display:block; width:739px; height:18px; padding:15px 0; float:left; background:#fff; font-size:14px; border-bottom:#ebebeb solid 1px;}
.bill-table ul li{ float:left; font-size:14px;}
.bill-td-1{ width:25%; color:#999;}
.bill-td-2{ width:24%; color:#999; padding-left:9px; border-left:#ebebeb solid 1px;}
.bill-td-3{ width:25%; color:#999; padding-left:9px; border-left:#ebebeb solid 1px;}
.bill-td-4{ width:25%; color:#999; padding-left:9px; border-left:#ebebeb solid 1px;}
.bill-td-5{ width:230px;  line-height:38px;}
.bill-td-6{ width:148px; padding-left:10px;  line-height:38px;}
.bill-td-7{ width:350px;}
/* jiajia */



.top-link{ position: fixed; top: 0; left: 0; right: 0; height: 50px; border-bottom: #e5e0bc solid 1px; background: #fffbe0; font-size: 15px; line-height: 50px; padding: 0 85px 0 32px; color: #a69b53; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 10;}
.top-link .top-close{ position: absolute; top:10px; left:1px; display: block; width: 30px; height: 30px; background: url(../images/top-x.png) center center no-repeat; background-size: 12px 12px;}
.top-link .top-link-btn{ position: absolute; top: 10px; right: 10px; width: 75px; height: 30px; line-height: 28px; background:linear-gradient(to bottom, #497ffc , #446efc); border: #3f72d9 solid 1px; border-radius: 1px; padding: 0; margin: 0; font-size: 13px; color: #fff;}
.top-header{ position: fixed; top: 0; left: 0; width: 100%; height: 50px; background: url(../images/head_bg.jpg) no-repeat; background-size: 100% 100%; z-index: 10;}
.top-link ~ .top-header{ position: fixed; top: 50px; left: 0;}
.main{ position: absolute; top: 50px; left: 0; width: 100%;}
.top-link ~ .main{ position: absolute; top: 100px; left: 0; width: 100%;}
.bottom-tab{ position: fixed; left: 0; right: 0; bottom: 0; padding: 12px 10px; height: 69px; z-index: 9999; background: #fff;}
.bottom-tab:before{ position: absolute; right: 0; top: -1px; left: 10px; display: block; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }
.bottom-tab ~ .main{ padding-bottom: 70px;}
.bottom-tab span{ display: block; padding: 0 0 0 10px; float: left; color: #999; font-size: 13px; line-height: 20px;}

.logo{ float: left; margin-left: 10px; margin-top: 12px; width: 124px; height: 25px;}
.logo img{ width: 124px; height: 25px;}
.user-center{ float: right; margin-right: 10px; height: 50px; line-height: 50px; background: url(../images/down.png) right center no-repeat; background-size: 9px 5px; padding-right: 15px; color: #fff; font-size: 15px; position: relative;}
.user-center-no{ float: right; height: 50px; line-height: 15px; padding: 18px 0; color: #fff; font-size: 15px; position: relative;}
.user-center-no a{ color: #fff; float: left; padding: 0 10px;}
.user-panel{ display: none; position: fixed; left:0; right: 0; top: 50px; bottom:0; background: rgba(0, 0, 0, 0.7); z-index: 99;}
.top-link ~ .top-header .user-panel{  top: 100px;}
.user-list{ display: none; position: absolute; left:0; top: 50px; right: 0; background:#fff; z-index: 999;}
.con-list{ background:#fff;}
.con-list-code{ background:#fff;}
.mui-table-view.user-list .mui-table-view-cell,.mui-table-view.con-list .mui-table-view-cell,.mui-table-view.con-list-2 .mui-table-view-cell{ padding: 18px 15px; font-size: 16px; line-height: 16px;}
.mui-table-view.user-list .mui-table-view-cell .mui-navigate-right , .mui-table-view .mui-table-view-cell .mui-navigate-no,.mui-table-view.con-list .mui-table-view-cell .mui-navigate-right{ font-size: 16px; line-height: 16px; text-indent: 35px;margin: -18px -15px; position: relative;}
.mui-table-view.con-list-2 .mui-table-view-cell .mui-navigate-right{ font-size: 16px; line-height: 16px; margin: -18px -15px; position: relative;}
.mui-table-view.user-list .mui-table-view-cell .mui-navigate-no,.mui-table-view.con-list .mui-table-view-cell .mui-navigate-no,.mui-table-view.con-list-2 .mui-table-view-cell .mui-navigate-no{ color: #ff4436;}
.list-icon{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 15px; width: 18px; height: 18px; text-indent: 0;}
.list-icon-2{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 15px; width: 20px; height: 20px; text-indent: 0;}
/* ��ӵ� */
.user-input-1{ padding: 18px 0 18px 120px !important; margin: -18px -15px -18px 0 !important; background:none !important; border: none !important;}
.list-icon-99{dislpay:block; position: absolute; top: 155px; left: 10px;-webkit-transform: translateY(-50%); transform: translateY(-50%);  width: 100px; height: 40px; text-indent: 0;}
.list-icon-97{dislpay:block; position: absolute; top: 28px; left: 0;-webkit-transform: translateY(-50%); transform: translateY(-50%);  width: 100px; height: 40px; text-indent: 0;}


.con-list-2 .mui-table-view-cell:after{ position: absolute; right: 0; bottom: 0 !important; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }
.list-icon img,.list-icon-2 img{ width: 100%; height: 100%; display: block;}

.nav{ width: 100%; height: 44px; background: #fff; border-bottom: #ccc solid 1px; margin: 0 auto; }
.nav a{ float: left; width: 20%; height: 44px; font-size: 15px; line-height: 44px; color: #666; padding: 0 8px; text-align: center;}
.nav a.nav-cur{ color: #2c70ee; position: relative;}
.nav a.nav-cur:after { position: absolute; top: 42px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; width: 50xp; height: 2px; background:#3a7aef url(../images/nav-cur-bg.png) bottom repeat-x; background-size: 100% 100%; -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, .2); box-shadow:0 2px 3px rgba(0, 0, 0, .2); content: ''; }

.hiSlider{ overflow: hidden; width: 100%; height: 150px; padding: 0; margin: 0;}
.hiSlider .hiSlider-item{ float: left;  height: 150px; padding: 0; margin: 0;}
.hiSlider .hiSlider-item a{ float: left; height: 150px; padding: 0; margin: 0; width: 100%;}
.hiSlider .hiSlider-item img{ float: left; height: 150px; width: 100%; padding: 0; margin: 0;}
	
.hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
.hiSlider-btn-prev,.hiSlider-btn-next{position:absolute;z-index:5;top:50%;height:30px;width:30px;background:url(../images/hislider-arrow.png) no-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden; opacity:0; filter:alpha(opacity:0)}
.hiSlider-btn-prev{left:-100px}
.hiSlider-btn-next{right:-100px;background-position:-30px 0}
.hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:0;filter:alpha(opacity:0)}
.hiSlider-title{ display: none;}
.hiSlider-pages{bottom:8px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 6px; line-height: 6px; padding: 0;}
.hiSlider-pages a{ float: left; height:5px; width:5px; margin:0 4px; display:inline-block; overflow:hidden; text-indent:-100px; font-size:0; border-radius:50%; background: rgba(255, 255, 255, 0.6); line-height: 8px;}
.hiSlider-pages a.active{height:6px;width:6px; background: rgba(255, 255, 255, 1); margin-top: -1px;}

.shortcut-box{ background: #fff; width: 100%; margin-bottom: 25px;}
.shortcut-box .mui-table-view.mui-grid-view.mui-grid-9{ padding: 11px 10px; border: none; background: #fff;}
.shortcut-box .mui-table-view.mui-grid-view.mui-grid-9.shortcut-plus:after{position: absolute; right: 0; bottom: 0; left: 10px; display: block; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb;}
.shortcut-box .mui-table-view.mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-media{ border: none; padding: 0;}
.shortcut-box .mui-table-view.mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-media a span.mui-icon{ width: 50px; height: 50px;}
.shortcut-box .mui-table-view.mui-grid-view.mui-grid-9 .mui-table-view-cell.mui-media a span.mui-icon img{ width: 50px; height: 50px;}

.notice-box{ position: relative; padding-left: 28px; width: 100%;}
.notice-box:after{position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb;}
.notice-icon{ position: absolute; left: 10px; top:11px; display: block; width: 13px; height: 13px; background: url(../images/notice.png) left center no-repeat; background-size: 12px 12px;}
.notice{ position: relative; width: 100%; height: 35px; padding: 0; white-space:nowrap; overflow: hidden; }
.notice-text{ position: absolute; line-height: 35px; font-size: 13px; padding: 0;}

.pro-box{ padding: 0 10px; margin: 0 auto 15px auto;}
.pro-box .pro-h{ width: 100%; overflow: hidden; margin-bottom: 15px;}
.pro-box .pro-h h1{ float: left; display: block; padding: 0 8px 0 32px; margin: 0; line-height: 26px; font-size: 17px; color: #fff; font-weight: normal; }
.h-bg-1{ background: #ff4289 url(../images/pro-h-1.png) 7px 4px no-repeat; background-size: 18px 18px;}
.h-bg-2{ background: #239fff url(../images/pro-h-2.png) 7px 4px no-repeat; background-size: 18px 18px;}
.h-bg-3{ background: #ff4436 url(../images/pro-h-3.png) 7px 4px no-repeat; background-size: 18px 18px;}
.h-bg-4{ background: #fa9f00 url(../images/pro-h-4.png) 7px 4px no-repeat; background-size: 18px 18px;}
.h-bg-5{ background: #09bccb url(../images/pro-h-5.png) 7px 4px no-repeat; background-size: 18px 18px;}
.h-bg-6{ background: #ff4436 url(../images/pro-h-6.png) 7px 4px no-repeat; background-size: 18px 18px;}
.h-bg-7{ background: #239fff url(../images/pro-h-3.png) 7px 4px no-repeat; background-size: 18px 18px;}
.pro-more{ float: right; line-height: 26px; font-size: 15px; color: #999; background: url(../images/icon-more.png) right center no-repeat; background-size: 11px 10px; padding-right: 14px;}
.pro-more:active{ color: #999; }
.pro-box ul{ display: block; margin-right: -9px; padding: 0 0 1px 0;}
.pro-box ul li{ display: block;}
.pro-box ul li a.pro-a{ display: block; margin: 0 9px 9px 0; border: #ebebeb solid 1px; box-sizing: border-box; background: #f7f7f7;}
.pro-img{ width: 100%; line-height: 0px;}
.pro-img img{ display: block; width: 100%; padding: 0; margin: 0; }
.pro-t{ width: 100%; height: 55px; border-top: #ebebeb solid 1px; padding: 0 10px; position: relative;}
.pro-t h2{ line-height: 15px; font-size: 15px; color: #222; font-weight: normal; margin: 10px 0 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pro-t span{ display: block; float: left; max-width: 100%; line-height: 15px; font-size: 13px; color: #888; font-weight: normal; margin-top: 7px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pro-t button.buy{ display: block; float: right; line-height: 15px; font-size: 13px; background: none; border: none; color: #2c70ee; font-weight: normal; padding: 0; margin: 7px 0 0 0;}
.pro-box .pro-t span strong{ font-size: 15px; color: #f8910b; font-weight: bold;}

.to-pc{ display: block; width: 100%; height: 44px; margin-bottom: 15px; }
.pc-btn{ width: 120px; height: 44px; line-height: 44px; font-size: 15px; background: url(../images/to-pc.png) left center no-repeat; background-size: 20px 17px; margin: 0 auto; color: #999; text-align: right;}

.footer{ padding: 11px 10px; background: #284073; border-top: #0f234d solid 1px;}
.taobao{ display: block; padding: 15px 0; border-bottom: #3e5381 solid 1px; text-align: center; color: #fff;}
.footer-link{ padding: 15px 0; margin: 0; color: #3e5381; text-align: center;}
.footer-link a{ line-height: 14px; font-size: 14px; color: #fff; margin: 0 0.5%;}
.company{ text-align: center; color: #53668f; font-size: 12px; line-height: 12px; padding-bottom: 6px;}
.copyright{ text-align: center; color: #53668f; font-size: 12px; line-height: 12px; padding-bottom: 15px;}

#back-to-top{ position:fixed; bottom:80px; right:20px; width:44px; height:44px; z-index: 999999;}
#back-to-top a{ display:block; height:60px; width:60px; background: url(../images/to-top.png) no-repeat; background-size: 44px 44px; }

.fade{position: fixed; top: 0;left: 0; bottom: 0; right: 0; width: 100%; background: rgba(0, 0, 0, 0.7); z-index: 99; display: none;}

.fade1{position: fixed; top: 0;left: 0; bottom: 0; right: 0; width: 100%; background: rgba(0, 0, 0, 0.7); z-index: 99; display: none;}
.hide-x1{ position: absolute; top:15px; right: 12px; width: 20px; height: 20px; background: url(../images/layer-x.png) center center no-repeat; background-size: 14px 14px;}

.layer-4{position: fixed; left: 20px; right: 20px; top:20%;display: none; background: #fafafa;}
.layer-1,.layer-2,.layer-3{position: fixed; left: 20px; right: 20px ; top:10%;z-index: 999;display: none; background: #fafafa;}

.hide-x{ position: absolute; top:15px; right: 12px; width: 20px; height: 20px; background: url(../images/layer-x.png) center center no-repeat; background-size: 14px 14px;}
.layer-h{ background: #3e5bcc; box-shadow:0 5px 8px rgba(0, 0, 0, .3); height: 50px; line-height: 50px; color: #fff; font-size: 17px; text-align: center;}
.layer-con{ background: #fafafa; padding: 0 15px;}
.layer-text{ padding: 15px 0;}
.layer-text-2{ padding: 25px 0;}
.layer-infor{ display: block; padding: 10px 15px; margin: 0; background: #fff; border: #ccc solid 1px; }
.layer-infor li{ display: block; padding: 0; margin: 0; font-size: 16px; line-height: 24px; color: #666;}
.layer-infor li span{ color: #222;}
.layer-infor-h{ display: block; padding-top: 3px !important; margin: 0; font-size: 15px !important; line-height: 18px !important; color: #999 !important; text-align: center;}
.link{ width: 100%; height: 50px; background: url(../images/link.png) center center no-repeat; background-size: 30px 30px;}
.layer-card{ padding-bottom: 18px !important; position: relative;}
.layer-card:after{ position: absolute; right: 0; bottom: 8px; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }
.layer-notice{ margin-top: 10px; font-size: 13px; line-height: 13px; color: #666;}
.layer-notice span{ color: #f8910b;}
.layer-notice-2{ margin-bottom: 10px; font-size: 15px; line-height: 15px; color: #666;}

.content-box{}
.layer-btn-1{ padding: 30px 0px 30px 15px; border-top: #ddd solid 1px;}
.layer-btn-2{ padding: 15px 0 15px 0; margin: 0 -15px 0 0;}
.layer-btn-3{ padding: 15px 0 15px 0; margin: 0;}
.layer-btn-4{ padding: 15px 0 15px 15px; margin:0 0 40px 0;}
.layer-t{ border-bottom: #ddd solid 1px;}
.layer-btn-1.mui-row .mui-col-xs-6,.layer-btn-2.mui-row .mui-col-xs-6,.layer-btn-4.mui-row .mui-col-xs-6{ padding-right: 15px;}
.layer-icon{ text-align: center; padding: 10px 0 20px 0;}
.layer-icon img{ display: block; width: 60px; height: 60px; margin: 0 auto;}
.layer-icon-2{ text-align: center; padding: 25px 0 20px 0;}
.layer-icon-2 img{ display: block; width: 80px; height: 80px; margin: 0 auto;}
.layer-t-1{ font-size: 16px; line-height: 16px; text-align: center; padding-bottom: 8px; color: #222;}
.layer-icon-3{ text-align: center; padding: 25px 0 15px 0;}
.layer-icon-3 img{ display: block; width: 45px; height: 45px; margin: 0 auto;}
.layer-t-2{ font-size: 13px; line-height: 19px; text-align: center; padding-bottom: 7px; color: #666;}
.layer-t-2 a{ font-size: 13px; line-height: 19px; text-align: center; padding-bottom: 7px; color: #2c70ee !important;}
.layer-t-3{ font-size: 16px; line-height: 24px; text-align: center; padding:0 17px 20px 17px; color: #222;}

.header-title{ position: absolute; left:40px; right:40px; height: 50px; line-height: 50px; font-size: 18px; font-weight: normal; padding: 0; margin: 0; color: #fff; text-align: center;}
.header-back{ float: left; width: 29px; height: 50px; padding: 0; margin: 0; text-align: left; background: url(../images/back.png) 10px center no-repeat; background-size: 9px 16px;}
.header-right-text,.header-right-text:active{ padding: 0 10px 0 0; height: 50px; float: right; line-height: 50px; color: #fff; font-size: 15px;}
.header-right-tab{ padding: 0; margin: 0 15px 0 0; height: 50px; float: right; line-height: 50px; color: #fff; font-size: 15px; }
.right-tab{ display: block; height: 50px; line-height: 50px; padding-right: 15px; background: url(../images/icon-down-2.png) right center no-repeat; background-size: 9px 5px;}
.right-tab-cur{ background: url(../images/icon-up-2.png) right center no-repeat !important; background-size: 9px 5px !important;}
.login-tab{ width: 100%; height: 44px; background: #fff; border-bottom: #ccc solid 1px;}
.login-tab li{ float: left; width: 50%; height: 44px; line-height: 44px; text-align: center; color: #666; position: relative;}
.login-tab li span{ color: #ff4436;}
.login-tab li.login-cur{ color: #2c70ee;}
.login-tab li.login-cur:after{ position: absolute; bottom: 0; left: 50%; width: 115px; height: 2px; content: ''; -webkit-transform: translateX(-50%); translateX(-50%); background:#3a7aef url(../images/nav-cur-bg.png) bottom repeat-x; background-size: 100% 100%; -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, .2); box-shadow:0 2px 3px rgba(0, 0, 0, .2); content: '';  }
.login-a{ overflow: hidden; margin: 0 15px;}
.forget{ height: 15px; line-height: 15px; float: left; color: #2c70ee; padding: 0; margin: 15px 0 0 0;}
.register{ height: 15px; line-height: 15px; float: right; color: #2c70ee; padding: 0; margin: 15px 0 0 0;}
.forget:active , .register:active{ color: #2c70ee;}
.user-input{ padding: 18px 0 18px 30px !important; margin: -18px -15px -18px 0 !important; background:none !important; border: none !important;}



.login-other-box{ position: fixed; bottom: 0; width: 100%; padding: 20px 15px 8px 15px; }
.login-other-h{ position: absolute; top: 0; left: 50%; width: 110px; height: 13px; line-height: 13px; font-size: 13px; -webkit-transform: translate(-50%,-50%); translate(-50%,-50%); background:#fff; z-index: 9; margin: 0; padding: 0; text-align: center;}
.login-other-box:before{ position: absolute; right: 15px; top: 0; left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #d2d7dc; z-index: 1; }
.login-other{ display: block; width: 100%; overflow: hidden; margin-bottom: 23px;}
.login-other li{ float: left; width: 33.33333333%;}
.login-other li a{ display: block; width: 84px; margin: 0 auto; overflow: hidden;}
.login-other li a .login-other-img,.login-other li a .login-other-img img{ float: left; width: 44px; height: 44px;}
.login-other li a .login-other-text{ height: 44px; line-height: 40px; color: #222; font-size: 15px; float: right;}
.company-copyright{ font-size: 12px; line-height: 17px; color: #999; text-align: center;}
.company-copyright-2{ position: fixed; bottom: 8px; left: 0; right: 0; font-size: 12px; line-height: 17px; color: #999; text-align: center;}
.company-copyright-3{ width: 100%; font-size: 12px; line-height: 17px; color: #999; text-align: center; padding:50px 0 8px 0;}
.main-h{ padding: 20px 15px 11px 15px; margin: 0; line-height: 35px; font-size: 15px; color: #666;}
.main-h-1{ padding: 17px 15px 8px 15px; margin: 0; line-height: 19px; font-size: 13px; color: #666;}
.main-h-2{ padding: 15px; margin: 0; line-height: 22px; font-size: 15px; color: #666;}
.main-h-other,.main-h-other:active{ line-height: 15px; font-size: 15px; color: #2c70ee; float: right;}
.main-list{ background:#fff;}
.mui-table-view.main-list .mui-table-view-cell{ padding: 18px 15px; font-size: 16px; text-indent: 37px; position: relative;}
.radio-text{ display: block; margin: -18px -15px; padding: 18px 15px; background: url(../images/radio-off.png) 15px center no-repeat; background-size: 22px 22px; position: relative;}
.radio-text input{ position: absolute; left: -9999px;} 

.r_on{ background: url(../images/radio-on.png) 15px center no-repeat !important; background-size: 22px 22px !important;}
.c_on{ background: url(../images/check-on.png) 15px center no-repeat !important; background-size: 22px 22px !important;}
.c_on_2{ background: url(../images/check-on.png) 5px center no-repeat !important; background-size: 22px 22px !important;}
.radio-text.r_on ~ .list-input,.radio-text.r_on ~ .list-input-2{ display: block;}
.cell-text{ position: relative; display: block; overflow: hidden; margin: -18px -15px; padding: 18px 15px; white-space: nowrap; text-overflow: ellipsis; line-height: 16px;}
.right-p{ float: right; line-height: 16px; text-align: right; color: #2c70ee; display: none;}
.right-p:active{ color: #2c70ee;}
.radio-text input:checked ~ .cell-text .right-p{ display: block;}
.list-input{ margin: 18px -15px -18px -15px; padding: 18px 15px; height: 52px !important; line-height: 16px; display: none; position: relative;}
.list-input-2{ margin: 18px -15px -18px -15px; padding: 18px 15px; display: none; position: relative;}
.list-input:before,.list-input-2:before{ position: absolute; right: 0; top: 0; left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }
.list-input input[type="text"],.list-input-2 input[type="text"]{ background: none; border: none; margin: -18px -15px; padding: 18px 15px; height: 52px !important; line-height: 16px;}

/* �ı��� */
.prompt_error1{ margin: 15px 15px 0 15px; padding: 0; height:35px; line-height: 35px; padding: 0 0 0 36px; border: #fac1bb solid 1px; background: #ffe7e5 url(../images/error.png) 15px 10px no-repeat; background-size: 15px 15px; font-size: 15px; color: #ff4436; border-radius: 2px;}

/* �ı��� */

.prompt_error{ margin: 15px 15px 0 15px; padding: 0; height:35px; line-height: 35px; padding: 0 0 0 36px; border: #fac1bb solid 1px; background: #ffe7e5 url(../images/error.png) 15px 10px no-repeat; background-size: 15px 15px; font-size: 15px; color: #ff4436; border-radius: 2px;}
.prompt_error-2{display:none; margin: 0 15px 10px 15px; padding: 0; height:35px; line-height: 35px; padding: 0 0 0 36px; border: #fac1bb solid 1px; background: #ffe7e5 url(../images/error.png) 15px 10px no-repeat; background-size: 15px 15px; font-size: 15px; color: #ff4436; border-radius: 2px;}
.prompt_error-3{ margin: 15px 0 0 0; padding: 0; height:35px; line-height: 35px; padding: 0 0 0 36px; border: #fac1bb solid 1px; background: #ffe7e5 url(../images/error.png) 15px 10px no-repeat; background-size: 15px 15px; font-size: 15px; color: #ff4436; border-radius: 2px; text-indent: 0;}
.prompt_error-4{ margin: 0 15px 17px 15px; padding: 0; height:35px; line-height: 35px; padding: 0 0 0 36px; border: #fac1bb solid 1px; background: #ffe7e5 url(../images/error.png) 15px 10px no-repeat; background-size: 15px 15px; font-size: 15px; color: #ff4436; border-radius: 2px;}
.btn-padded.mar-top-60{ margin-top: 60px;}
.btn-padded.mar-top-30{ margin-top: 30px;}
.btn-padded.mar-tb-30-95{ margin: 30px 0 95px 0;}
.main .prompt_error ~ .btn-padded{ margin-top: 40px;}

.banner{ width: 100%; height: 150px;}
.banner img{ display: block; width: 100%; height: 150px;}

.article{ padding: 21px 15px 35px 15px;}
.article h1{ font-size: 18px; line-height: 25px; color: #222; padding: 0; margin: 0; font-weight: normal; margin-bottom: 5px;}
.article span{ font-size: 16px; line-height: 22px; color: #666; padding: 0; margin: 0; font-weight: normal;}
.article span.time-span{ display: block; font-size: 13px; line-height: 15px; color: #999; padding: 0; margin: 0 0 8px 0; font-weight: normal;}
.article h2{ font-size: 17px; line-height: 17px; color: #222; padding: 0; margin: 20px 0 10px 0; font-weight: normal;}
.article p{ font-size: 16px; line-height: 24px; color: #666; padding: 0; margin: 0; font-weight: normal;}

.report-box{ display: block; margin: 15px 0 0 0; position: relative; padding: 47px 0; background: #fff;}
.report-box:before{ position: absolute; right: 0; top: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #c8c7cc;}
.report-img{ text-align: center; padding: 0 0 15px 0;}
.report-img img{ width: 50px; height: 50px;}
.report-text{  text-align: center; line-height: 17px; padding: 0; margin: 0; color: #666;}
.mar-bot-40{ margin-bottom: 40px;}
.mar-bot-15{ margin-bottom: 15px;}
.mar-top-15{ margin-top: 15px;}
.padd-top-15{ padding-top: 15px;}

.pro-top{ padding: 0; margin: 0 0 15px 0; background: #fff; position: relative;}
.pro-top:after{ position: absolute; right: 0; bottom: 0; left: 0px; display: block; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }
.pro-top-in{ padding: 15px 10px; overflow: hidden; position: relative;}
.pro-top-in-2{ padding: 13px 10px; overflow: hidden; position: relative;}
.pro-top-in:after{ position: absolute; right: 0; bottom: 0; left: 10px; display: block; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }
.choice-net{ display: block; margin: -13px -10px; padding: 13px 32px 13px 10px;line-height: 24px; color: #222 !important;}
.pro-top-img{ float: left; width: 120px; border: #ebebeb solid 1px; overflow: hidden;}
.pro-top-img img{ display: block; width: 120px;}
.pro-top-text{ margin-left: 135px; }
.pro-top-h1{ font-size: 17px; line-height: 19px; font-weight: normal; color: #222; padding: 0; margin: 0 0 8px 0;}
.pro-top-span{ display: block; font-size: 15px; line-height: 16px; font-weight: normal; color: #999; padding: 0; margin: 0 0 16px 0;}
.pro-top-price{ display: block; padding: 0; margin: 0;}
.pro-top-price li{ display: block; color: #999; font-size: 15px; line-height: 16px; margin-bottom: 8px; }
.price-orange{ color: #f8910b;}
.price-orange a{ font-size: 22px; color: #f8910b;}
.price-through{ text-decoration: line-through;}
.pro-top-t{ padding: 15px 10px; margin: -15px -10px; font-size: 15px; line-height: 15px;}
.pro-top-t span{ color: #999;}
.pro-time{ margin: 15px -9px 0 0;}
.pro-time-one{ float: left; padding: 0 9px 0 0; margin: 0;}
.net-choice{ padding: 10px 6px 10px 15px; background: #fff; overflow: hidden; position: relative;} 
.net-one,.net-one-2{ float: left; padding: 5px 9px 5px 0; margin: 0;}
.net-choice:before{ position: absolute; right: 0; top: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ddd;  display: block; }
.net-choice:after{ position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ddd; display: block; }
.net-choice-2{ padding: 10px 6px 10px 15px; background: #fff; overflow: hidden; position: relative;} 
.net-one{ float: left; padding: 5px 5px 5px 0; margin: 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.net-choice-2:after{ position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ddd; display: block; }
.radio-text-2{ border: #ddd solid 2px; background: #fff; position: relative; display: block; width: 100%; height: 44px; line-height: 44px; text-align: center;}
.radio-text-2 input{ position: absolute; left: -99999; opacity: 0;}
.r_on_1{ border: #3a7aef solid 2px !important; color: #2c70ee;}

.pro-infor{ width: 100%; background: #fff; position: relative; margin: 0 0 25px 0;}
.pro-infor:before{ position: absolute; right: 0; top: 0; left: 0; display: block; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }
.pro-infor-tab{ width: 100%; height: 50px; position: relative;}
.pro-infor-tab ul{ position: absolute; top: 0; left: 0; right: 0; height: 50px; display: block; padding: 0; margin: 0; background: #f6f5f4;} 
.pro-infor-tab ul li{ display: block; padding: 0; margin: 0; text-align: center; height: 50px; line-height: 50px; position: relative;}
.pro-infor-tab ul li:before{ position: absolute; right: 0;  top: 0; bottom: 0; display: block; width: 1px; content: ''; -webkit-transform: scaleX(.5); transform: scaleX(.5); background-color: #ebebeb; }
.pro-infor-tab ul li:after{ position: absolute; right: 0; bottom: 0; left: 0; display: block; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }
.pro-infor-tab ul li.pro-cur{ background: #fff; color: #2c70ee;}
.pro-infor-tab ul li.pro-cur:after{ position: absolute; right: 0; top: 0 !important; left: 0; display: block; height: 2px; content: ''; background-color: #3a7aef !important; }

.pro-infor-con{ padding: 25px 10px; margin: 0;}
.pro-infor-one{ padding: 0; margin: 0; display: none;}
.pro-infor-h{ font-size: 15px; line-height: 15px; margin:0 0 15px 0; padding: 0 0 0 9px; color: #222; position: relative; font-weight: normal;}
.pro-infor-h:before{ position: absolute; left: 0; top: 0; bottom: 0; display: block; width: 3px;  content: ''; background-color: #f8910b; }

.find_nav { margin: 0 -10px 0 0; height: 174px; margin: 0 -10px 25px 0; display: box; }
.find_nav_left { height: 174px; position: relative; overflow: hidden; box-flex: 1; }
.find_nav_list { position: absolute; left: 0; }
.find_nav_list ul { position: relative; white-space: nowrap; font-size: 0; padding:0;}
.find_nav_list ul li { width: 308px; height: 174px; display: inline-block; padding: 0; margin-right: 9px; border: #ebebeb solid 1px;}
.find_nav_list ul li img{ width: 306px; height: 172px; display: block;}
.pro-infor-p{ font-size: 15px; line-height: 24px; color: #666; padding: 0; margin:-4px 0 12px 0; font-weight: normal;}

.pro-table-box{ padding: 0; margin: 0 0 25px 0;}
.pro-table{ width: 100%; border: #ebebeb solid 1px;}
.pro-table th{ width: 25%; border: #ebebeb solid 1px; color: #999; height: 50px; line-height: 38px; font-weight: normal; font-size: 13px; padding: 6px 0; box-sizing: border-box; }
.pro-table td{ width: 25%; border: #ebebeb solid 1px; color: #222; text-align: center; height: 40px; line-height: 19px; font-weight: normal; font-size: 13px; padding: 6px 0; box-sizing: border-box;}
.pro-table-btn{ background: none; border: none; line-height: 19px;  font-size: 13px; padding: 0; margin: 0; color: #2c70ee;}
.note{ color: #999; font-size: 13px; line-height: 19px; margin: 7px 0 0 0;}
.font-green{ color: #87bf00 !important;}

.list-answer{ margin: 18px -15px -18px -15px; padding: 18px 15px; position: relative; display: none;  background: #fafafa;}
.list-answer:before{ position: absolute; right: 0; top: 0; left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }
.list-answer span{ font-size: 15px; line-height: 22px; color: #666;}
.list-answer p{ font-size: 15px; line-height: 22px; color: #666; margin: 0 0 0 27px;}
.con-list-2 .mui-table-view-cell.mui-collapse.list-active>.mui-navigate-right:after, .con-list-2 .mui-table-view-cell.mui-collapse.list-active>.mui-push-right:after { content: '\e580' !important;}
.mar-tb-15-84{ margin: 15px 0 84px 0;}
.mui-table-view.con-list-2:after{ background: none;}

.power{ height: 140px; text-align: center; padding: 25px 0 29px 0;}
.power img{ width: 116px; height: 86px;}

.input-group{ display: block; position: relative; }
.input-row{ height: auto; padding: 0; margin: 0; background: #fff; position:absoulte;z-index:5555; overflow: hidden;}
.input-row��next{ height: auto; padding: 0; margin: 0; background: #fff; position: relative; overflow: hidden;}
.input-row-99{ height: auto; padding: 0; margin: 0; background: #fff; height:50%; overflow: hidden;}


right-input-5t{position:relative;}
.input-group:before,.input-row:before{ position: absolute; right: 0; top: -1px; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }
.input-group:after,.input-row:after{ position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }
.input-row label.label-4t,.input-row-2 label.label-4t{ width: 96px; height: 50px; padding: 17px 15px; float: left; font-size: 16px; line-height: 16px; color: #666;}
.input-row .right-input-4t,.input-row-2 .right-input-4t{ height: 50px; margin: 0 0 0 96px; padding: 0 15px 0 0;}
.input-row label.label-5t,.input-row-2 label.label-5t{ width: 112px; height: 50px; padding: 17px 15px; float: left; font-size: 16px; line-height: 16px; color: #666;}
.input-row .right-input-5t,.input-row-2 .right-input-5t{ height: 50px; margin: 0 0 0 112px; padding: 0 15px 0 0;}
.input-row label.label-6t,.input-row-2 label.label-6t{ width: 128px; height: 50px; padding: 17px 15px; float: left; font-size: 16px; line-height: 16px; color: #666;}
.input-row .right-input-6t,.input-row-2 .right-input-6t{ height: 50px; margin: 0 0 0 128px; padding: 0 15px 0 0;}
.input-row .right-input-4t input[type="text"],.input-row .right-input-4t input[type="password"] , .input-row .right-input-5t input, .input-row .right-input-6t input[type="text"],.input-row-2 .right-input-4t input[type="text"] , .input-row-2 .right-input-5t input[type="text"], .input-row-2 .right-input-6t input[type="text"]{ display: block; height: 50px; border: 0; background: none; font-size: 16px; line-height: 16px; padding: 17px 0 !important; margin: 0;}
.refresh-notice{ line-height: 33px; font-size: 13px; color: #999; margin: 0 0 30px 15px;}
.input-100{ height: 50px; margin: 0; padding: 0 15px;}
.input-100-2{ height: 50px; margin: 0; padding: 0 10px;}
.input-row .input-100 input[type="text"],.input-row .input-100 input[type="password"],.input-row .input-100-2 input[type="text"]{ padding: 17px 0 !important; display: block; height: 50px; border: 0 !important; background: none; font-size: 16px; line-height: 16px; margin: 0 !important; position: relative;}
.textarea-100{ padding: 13px 15px !important; display: block; height: 120px; border: 0 !important; background: none; font-size: 16px; line-height: 24px; margin: 0 !important;}
.input-row .right-input-4t-1{ height: 120px; margin: 0 0 0 96px; padding: 0;}
.input-row .right-input-5t-1{ height: 120px; margin: 0 0 0 112px; padding: 0;}
.input-row .right-input-4t-1 textarea,.input-row .right-input-5t-1 textarea{ display: block; height: 120px; border: 0; background: none; font-size: 16px; line-height: 24px; padding: 13px 15px 13px 0 !important; margin: 0;}
.push-right{position: relative;}
.push-right:after { right: 15px; content: '\e583'; font-family: Muiicons; font-size: inherit; line-height: 1; position: absolute; top: 50%; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-decoration: none; color: #bbb; -webkit-font-smoothing: antialiased;
}
.colour-blue,.colour-blue:active{ color: #2c70ee;}
.radio-text-3{ display: block; float: left; width: 50%; height: 50px; line-height: 16px; padding: 17px 0 17px 32px; position: relative; background: url(../images/radio-off.png) left center no-repeat; background-size: 22px 22px;}
.radio-text-3 input , .radio-text-4 input ,.radio-text-5 input ,.radio-text-6 input,.check-text input,.check-text-2 input{ position: absolute; left: -9999px;}
.radio-text-4{ display: block; float: left; width: 100%; height: 50px; line-height: 16px; padding: 17px 0 17px 32px; position: relative; background: url(../images/radio-off.png) left center no-repeat; background-size: 22px 22px;}
.radio-button{ display: block; float: left; width: 100%; height: 50px; line-height: 16px; padding: 17px 0 17px 32px; position: relative; background-size: 22px 22px;}


.radio-text-none{ display: block; float: left; width: 100%; height: auto; line-height: 16px; padding:0 0 0 52px; position: relative;  }

.radio-text-5{ display: block; float: left; width: 100%; height: auto; line-height: 16px; padding:0 0 0 52px; position: relative; background: url(../images/radio-off.png) 15px center no-repeat; background-size: 22px 22px;}
.check-text{ display: block; float: left; width: 100%; height: auto; line-height: 16px; padding:0 0 0 52px; position: relative; background: url(../images/check-off.png) 15px center no-repeat; background-size: 22px 22px;}
.check-text-2{ display: block; float: left; width: 35%; height:45px; line-height: 45px; padding:0 0 0 37px; position: relative; background: url(../images/check-off.png) 5px center no-repeat; background-size: 22px 22px;}
.radio-text-6{ display: block; float: left; width: 100%; height: 50px; line-height: 16px; padding: 17px 0 17px 47px; position: relative; background: url(../images/check-off.png) 15px center no-repeat; background-size: 22px 22px;}
.r_on_3 { display: block; background: url(../images/radio-on.png) left center no-repeat !important; background-size: 22px 22px !important; }

.adress{ position: relative; display: none;}
.adress:before{ position: absolute; right: 0; top: -1px; left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }
.adress .input-row:before{background: none !important; }
.adress .input-row:after{ position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }
.adress .input-row .right-input-4t input[type="radio"] , .input-row .right-input-5t input[type="radio"]{ display: block; height: 50px; border: 0; background: none; font-size: 16px; line-height: 16px; padding: 17px 0; margin: 0;}

.layer-con-1,.layer-con-2{ background: #fff; padding: 0 0 0 15px; max-height: 325px; overflow: auto;}
.ip-span{ padding: 5px 0; margin: -5px 0;}
 
.fenye{ padding: 0 10px; overflow: hidden; margin: 0 0 25px 0;}
.fenye ul{ display: block; margin: 0 -10px 0 0; padding: 0;height: 40px; line-height: 40px;}
.fenye ul li{ display: block; width: 14.28571428%;height: 40px; line-height: 40px; float: left;}
.fenye ul li a{ display: block; height: 40px; margin: 0 10px 0 0; border:#ddd solid 1px; background:linear-gradient(to bottom, #ffffff , #f5f5f5); border-radius: 1px; text-align: center; color: #999; font-size: 16px;}
.main .fenye ul li a.dian{ background: url(../images/dian_bg.png) center center no-repeat !important; background-size:20px 4px !important; border: none !important; }
.fenye-cur{ background:linear-gradient(to bottom, #497ffc , #446efc) !important; color: #fff !important; border: #4070d9 solid 1px !important;}
.next-1{ background: url(../images/next.png) center center no-repeat !important; background-size:10px 12px !important;}
.next-2{ background: url(../images/next-2.png) center center no-repeat !important; background-size:10px 12px !important;}
.prev-1{ background: url(../images/prev.png) center center no-repeat !important; background-size:10px 12px !important;}
.prev-2{ background: url(../images/prev-2.png) center center no-repeat !important; background-size:10px 12px !important;}


.process-box{ padding: 18px 15px; background: #fff; position: relative;}
.process-box:after{ position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; background-color: #ebebeb; z-index: 1;}
.process-top{ margin: 0 13px; height: 40px; position: relative;}
.process-top:before{ position: absolute; right: 0; top: 20px; left: 0; height: 1px; content: ''; background-color: #ebebeb; z-index: 1;}
.process-top-1,.process-top-2,.process-top-3{ position: absolute; top: 0; width: 60px; height: 40px; background: #fff; z-index: 9; padding: 0 10px;}
.process-top-1{left: 0;}
.process-top-2{left: 50%; margin-left: -30px;}
.process-top-3{right: 0;}
.process-top-past{ width: 40px; height: 40px; border-radius: 50%; background: #f8910b; border: #f8910b solid 1px; color: #fff; line-height: 40px; font-size: 18px; text-align: center;}
.process-top-future{ width: 40px; height: 40px; border-radius: 50%; background: #fff; border: #f8910b solid 1px; color: #f8910b; line-height: 40px; font-size: 18px; text-align: center;}
.process-text{ padding:0; margin: 0; height: 25px; line-height: 15px; font-size: 15px; position: relative; text-align: center;}
.process-text-1,.process-text-2,.process-text-3{ position: absolute; top: 0; width: 85px; height: 25px; background: #fff; z-index: 9; padding: 10px 0 0 0;}
.process-text-4,.process-text-5,.process-text-6{ position: absolute; top: 0; width: 90px; height: 25px; background: #fff; z-index: 9; padding: 10px 0 0 0;}
.process-text-1,.process-text-4{ left: 0;}
.process-text-2,.process-text-5{ left: 50%; margin-left: -43px;}
.process-text-3,.process-text-6{ right: 0;}
.process-text-past{ color: #222; }
.process-text-future{ color: #999; }



.input-row-2{ height: auto; padding: 0; margin: 0; background: #fff; position: relative; overflow: hidden;}
.input-row-3,.input-row-6{ height: auto; padding: 0 15px; margin: 0; background: #fff; position: relative; overflow: hidden; display: block;}
.input-row-4{ height: auto; padding: 0 15px; margin: 0;position: relative; overflow: hidden; display: block;}
.input-row-5{ height: 75px; padding: 0; margin: 0;position: relative; background: #fff; display: block;}
.input-row-2:after,.input-row-3:after,.input-row-5:after{ position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; display: block; }
.input-row-6:after{ position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; display: block; }
.input-row-4:after{ position: absolute; right: 15px; bottom: 0; left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; display: block; }

.user-infor{ padding: 11px 15px 11px 0;}
.user-infor-name{ line-height: 25px; color: #666;}
.user-infor-adress{ line-height: 19px; color: #666; padding: 2px 0;}
.user-infor-price{ line-height: 19px; color: #666; font-size: 15px; padding: 2px 0;}
.user-infor-name span,.user-infor-adress span{ color: #222;}
.detail{ float: right; line-height: 25px; color: #2c70ee !important;}


.card-choice{ padding: 15px 0; overflow: hidden;}
.card-icon{ float: left; width: 45px; height: 45px; }
.card-icon img{ width: 45px; height: 45px;}
.card-icon-2{ float: left; width: 80px; height: 80px; }
.card-icon-2 img{ width: 80px; height: 80px;}
.card-num{ float: left; line-height: 45px; padding-left: 10px; color: #666; }
.card-num span{ color: #222;}

.row-padding{ padding: 13px 15px; margin: 0; line-height: 24px; color: #666; position: relative; overflow: hidden; display: block; }
.row-padding-2{ padding: 13px 15px 13px 0; margin: 0; line-height: 24px; color: #666; }
.row-padding span,.row-padding-2 span,.row-padding-4 span{ color: #222;}
.row-padding-2 span a{ color: #ff4436;}
.row-padding-3{ padding: 12px 0; float: right; overflow: hidden; margin-right: -15px;}
.row-padding-3 button{ float: left; margin-right: 15px;}
.row-padding-4{ padding: 15px 0; margin: 0; line-height: 24px; color: #666;}
.box-ul-3{ margin: 0 0 0 5%; padding:4px 0 4px 15px;}
.box-ul-3 li{ line-height: 24px; color: #666; font-size: 15px;}
.box-ul-3 li span{ color: #222;}


.pay-choice{ padding: 11px 0; overflow: hidden;}
.pay-icon{ float: left; height: 27px; }
.pay-icon img{ height: 27px;}
.pay-text{ float: left; line-height: 27px; padding-left: 10px; color: #222; }
.pay-text span{ padding-left: 20px; color: #666;}
.pay-text span a{ color: #f8910b;}
.radio-more{ padding-right: 20px; position: relative; height: 50px; line-height: 50px; text-align: center;}
.radio-more:after{position: absolute; top: 50%; left: 50%; display: inline-block; font-family: Muiicons; font-size: inherit; line-height: 1; color: #bbb; text-decoration: none; -webkit-font-smoothing: antialiased; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); content: '\e581'; margin-left: 50px;}
.radio-more.radio-active:after{position: absolute; top: 50%; left: 50%; display: inline-block; font-family: Muiicons; font-size: inherit; line-height: 1; color: #bbb; text-decoration: none; -webkit-font-smoothing: antialiased; content: '\e580';}
.other-pay,.other-bank{ display: none;}
.more-bank{ height: 50px; line-height: 50px; text-align: center; color: #2c70ee; background: #fff;}

.agree{ display: block; height: 22px; line-height: 22px; background: url(../images/check-off.png) 15px center no-repeat; background-size: 22px 22px; color: #222; padding: 0 15px 0 48px; font-size: 15px; margin: 15px 0 0 0; position: relative;}
.agree a{ color: #2c70ee; }
.agree input{ position: absolute; left: -99999px;}

.font-orange{ color: #f8910b;}
.row-padding .font-orange{ color: #f8910b;}
.font-orange a{ font-size: 22px; color: #f8910b !important;}
.font-red{ color: #ff4436 !important;}

.money-amount{ }
.card-code{ display: none;}

.note-password{ font-size: 13px; line-height: 13px; padding: 10px 0 0 15px; color: #999;}
.note-fixd{ font-size: 13px; line-height: 20px; padding: 0 15px 10px 15px; color: #999;}

.detail-list{padding: 15px 0 40px 0;}
.pro-detail{ display: block; padding: 13px 0; margin: 0;}
.detail-name,.detail-price{ line-height: 25px; color: #222;}
.detail-time,.detail-mode{ line-height: 19px; color: #999; font-size: 13px; padding: 2px 0;}
.detail-num{ line-height: 19px; color: #999; font-size: 15px; padding: 2px 0;}
.detail-price-2{ line-height: 19px; color: #f8910b; font-size: 16px; padding: 2px 0;}
.detail-list-no{ padding: 120px 0 165px;}
.detail-list-no-2{ padding: 50px 0; margin: 0 0 40px 0; position: relative; background: #fff;}
.detail-list-no-2:before{ position: absolute; right: 0; top: -1px; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }
.detail-list-no-2:after{ position: absolute; right: 0; bottom: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }

.group-fff{ background: #fff;}
.net-name{ padding: 10px 15px 0 15px; font-size: 16px; line-height: 24px; margin: 0 0 2px 0;}
.net-infor{ padding: 0 15px; font-size: 13px; line-height: 19px; margin:0; color: #999;}

.box-ul{ float: left; padding: 0 0 0 10px;}
.box-ul-2{ margin: 0 0 0 45px; padding: 0 0 0 10px;}
.box-li-1{ float: left; width: 100%; line-height: 22px; margin-bottom: 3px; }
.box-li-2{ float: left; width: 100%; line-height: 20px; color: #999;}
.box-li-2 span.box-span-1{ float: left; padding: 0 8px; line-height: 20px; background: #f8910b; color: #fff; font-size: 13px;}
.box-li-2 span.box-span-2{ float: left; padding: 0 7px; line-height: 18px; background: #fff; color: #f8910b; font-size: 13px; border: #f8910b solid 1px;}
.box-li-3{ float: left; width: 100%; line-height: 16px; margin-bottom: 8px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.box-li-3 span{ color: #222;}

.row-a,.row-a:active{ display: block; width: 100%; height: 54px; line-height: 54px; padding: 0 15px; box-sizing: border-box; color: #222;}
.company-img{ width: 100%; margin: 0 0 15px 0;}
.company-img img{ width: 100%; display: block;}
.company-h{ font-size: 15px; line-height: 15px; margin:0 0 6px 0; padding: 0 0 0 9px; color: #222; position: relative; font-weight: normal;}
.company-h:before{ position: absolute; left: 0; top: 0; bottom: 0; display: block; width: 3px;  content: ''; background-color: #f8910b; }
.padd-top-25{ padding: 25px 0 0 0;}
.mar-top-25{ margin-top: 25px;}
.company-text{ font-size: 15px; line-height: 22px; color: #666; padding: 0 0 22px 0; margin:0; font-weight: normal;}
.adress-infor{ padding: 20px 15px; background: #fff; position: relative;z-index:10}
.adress-infor:before{ position: absolute; right: 0; top: 0; left: 0; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }
.adress-infor ul{ display: block; width: 100%; height: auto; margin-bottom: 12px;}
.adress-infor ul li{ display: block; width: 100%; height: auto; line-height: 24px; color: #666;}
.adress-infor ul li span.colour-222{ color: #222;}
.adress-tag{ margin: 2px 0 2px 15px; background: #f8910b; font-size: 13px; height: 20px; line-height: 20px; padding: 0 10px; color: #fff !important;}
.adress-tag-2{ margin: 0 0 0 10px; background: #f8910b; font-size: 13px; height: 21px; line-height: 21px; padding: 0 10px; color: #fff !important;}
.adress-tag-3{ margin: 0 0 0 10px; background: #f8910b; font-size: 13px; height: 21px; line-height: 21px; padding: 0 10px; color: #fff !important;}


.adress-img{ width: 100%;}
.adress-img img{ width: 100%; display: block;}
.test-code{ position: absolute; right: 0; top: 54px; padding: 17px 15px; background: none; border: none; color: #2c70ee; line-height: 1;}
.test-code-2{ position: absolute; right: 0; top: 155px; padding: 15px; background: none; border: none; color: #2c70ee; }
.test-code-4{ position: absolute; right: 0; top: 90px; padding: 15px; background: none; border: none; color: #2c70ee; }

.test-code-8{ position: absolute; right: 0; top: 55px; padding: 15px; background: none; border: none; color: #2c70ee; }
.test-code-8 img{ display: block; width: 54px; height: 20px;}
.test-code-2 img{ display: block; width: 54px; height: 20px;}
.input-row button.test-code[disabled="disabled"]{ position: absolute; right: 0; top: 0; padding: 17px 15px; background: none; border: none; color: #ccc;}
.test-code:after,.test-code-2:after{ position: absolute; left: 0; top: 14px; bottom: 14px; width: 1px; content: ''; -webkit-transform: scaleX(.5); transform: scaleX(.5); background-color: #ebebeb; }
.news-row,.news-row:active{ float: left; height: 50px; line-height: 50px; font-size: 16px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0;}
.news-time{float: right; height: 50px; line-height: 50px; font-size: 13px; color: #999; padding: 0 15px 0 0; margin: 0; text-align: right;}
.padd-left-15{ padding-left: 15px;}


.user-home{ padding: 15px; overflow: hidden;  width: 66%; float: left;}
.icon-home,.icon-home img{ width: 45px; height: 45px; float: left;}
.infor-user{ padding-left: 10px; margin-left: 45px; overflow: hidden;}
.infor-user input{ margin: 12px 0 !important; padding: 0; height: 21px !important; line-height: 21px !important; border: none !important; background: none !important;}
.infor-user span{ float: left; display: block; height: 22px; color: #222; line-height: 22px; padding: 0 21px 0 0; margin: 0 0 3px 0; background: url(../images/icon-down.png) right center no-repeat; background-size: 11px 6px;}
.user-home .infor-user-cur{ background: url(../images/icon-up.png) right center no-repeat !important; background-size: 11px 6px !important;}
.infor-user p{ float: left; display: block; height: 20px; color: #999; line-height: 20px; padding: 0; margin: 0;}
.my-account{ float: right; width: 34%; height: 75px;}
.my-account a,.my-account a:active{ float: right; height: 75px; line-height: 75px; font-size: 13px; color: #3a7aee; padding: 0 15px 0 19px; background: url(../images/icon-gear.png) left center no-repeat; background-size: 14px 14px;}
.input-row-x{ overflow: hidden; padding: 0; margin: 0; background: #fff; position: relative;}
.input-row-x:after{ position: absolute; top: 17px; bottom: 17px; left: 50%; width: 1px; content: ''; -webkit-transform: scaleX(.5); transform: scaleX(.5); background-color: #ebebeb; }
.rows-tate{ width: 50%; height: 75px; display: block; float: left; padding: 17px 15px;}
.tate-h{ width: 100%; height: 15px; line-height: 15px; color: #999; font-size: 13px; margin-bottom: 6px; text-align: center;}
.tate-con{ width: 100%; height: 20px; line-height: 20px; font-size: 18px; text-align: center;}
.group-panel{ display: none; position: fixed; left:0; right: 0; top: 125px; bottom:0; background: rgba(0, 0, 0, 0.7); z-index: 8;}
.top-link ~ .main .group-panel{  top: 175px;}
.input-group-2{ display: none; position: absolute; left: 0; right: 0; top: 75px; z-index: 9;}
.input-group-3{ display: none; position: absolute; left: 0; right: 0; top: 50px; z-index: 9;}
.user-other{ display: block; padding: 13px 15px; height: 72px;}
.user-other-name{ height: 20px; line-height: 20px; margin-bottom: 5px; color: #222;} 
.user-other-adress{ height: 17px; line-height: 17px; color: #999;}
.font-grey{ color: #999;}
.user-no{ line-height: 45px; font-size: 18px; color: #999;}
.my-account .account-no,.my-account .account-no:active{color: #ccc; background: url(../images/icon-gear-2.png) left center no-repeat; background-size: 14px 14px;}
.infor-h{ float: left; border: none; background: #fff; height: 24px; line-height: 22px;}
.infor-num{ float: left; width: 60% !important; border: none !important; background: #fff; height: 24px !important; line-height: 22px !important; padding: 0 !important; margin: 0 !important; display: block;}
.btn-box-1,.btn-box-2,.btn-box-3,.btn-box-4{ position: absolute; right: 5px; top: 13px; height: 24px;}
.btn-box-x{ position: absolute; right: 5px; top: 27px; height: 21px;}
.btn-edit-2{ float: left; height: 21px; padding: 0 10px; margin: 0; background: none; border: none; color: #3a7aef !important; display: block;}
.btn-edit,.btn-keep,.btn-cancel{ float: left; height: 24px; padding: 0 10px; margin: 0; background: none; border: none; color: #3a7aef !important; display: block;}
.btn-box-2:after{ position: absolute; top: 4px; bottom: 4px; left: 50%; width: 1px; content: ''; -webkit-transform: scaleX(.5); transform: scaleX(.5); background-color: #ebebeb;}
.btn-keep[disabled="disabled"]{ float: left; height: 24px; padding: 0 10px; margin: 0; background: none; border: none; color: #ccc !important;}

.pro-row,.pro-row-2{ position: relative; padding: 0 15px; overflow: hidden;}
.pro-row:after{ right: 15px; content: '\e581'; font-family: Muiicons; font-size: inherit; line-height: 1; position: absolute; top: 50%; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-decoration: none; color: #bbb; -webkit-font-smoothing: antialiased;}
.row-active .pro-row:after{ right: 15px; content: '\e580' !important; font-family: Muiicons; font-size: inherit; line-height: 1; position: absolute; top: 50%; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-decoration: none; color: #bbb; -webkit-font-smoothing: antialiased;}
.pro-left{ float: left; width: 50%; height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro-center{  width: 14%; height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.pro-left-3{ float: left; width: 34%; height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro-right-3{ float: left; width: 66%; height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right;}

.pro-price-right{ float: right; width:34%; text-align: right; height: 50px; line-height: 50px;  padding-right: 28px;}
.pro-inner{ margin: 0 0 0 15px; padding: 0; position: relative; display: none;}
.pro-inner:before{ position: absolute; right: 0; top: -1px; left: 0; display: block; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #ebebeb; }
.row-active .pro-inner{ margin: 0 0 0 15px; padding: 0; position: relative; display: block;}
.row-time{ line-height: 20px;}
.row-h{ line-height: 25px;}
.row-h div{ line-height: 25px;}
.pro-left-2{ float: left; width: 40%; height: 25px; line-height: 25px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pro-center-2{ width: 20%; height: 25px; line-height: 25px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.pro-price-right-2{ float: right; width:24%; text-align: right; height: 25px; line-height: 25px;  padding-right: 28px; color: #222;}
.price-total{ height: 50px; line-height: 50px; text-align: right; padding: 0 43px 0 15px;}
.price-total span{ color: #f8910b;}
.no-pay{ color: #ff4436 !important;}
.no-pay a{ color: #ff4436 !important;}
.price-total span a,.price-total span a:active{ font-size: 22px; color: #f8910b;}
.address-select{ width: 200% !important; height:50px; line-height: 50px; padding:  0; margin: 0;position:absoulte;z-index:999999999999999999;}

.sidebar-cur{ color:#1561ec; background:url(../images/sidebar-bg.png) left center no-repeat;white-space:nowrap;}
.sidebar-no{ color:#222;font-size:5px;white-space:nowrap;}


/* ���밲ȫ */
.safe{ width:224px; height:14px; float:left; font-size:14px; color:#666; text-align:right; background: url(../images/safe.png) no-repeat; margin-top:10px; display:none;}
.safe-1{ background-position:0 0;}
.safe-2{ background-position:0 -14px;}
.safe-3{ background-position:0 -28px;}

.account-Btn{
	width: 100px;
    height: 35px;
    line-height: 35px;
    background: linear-gradient(to bottom, #ffffff , #f3f8ff);
    border: #3f72d9 solid 1px;
    border-radius: 1px;
    padding: 0;
    margin: 0;
    font-size: 15px;
    color: #3a7aef;
}