/* =======================================================================
Kane - Responsive App Landing Page
======================================================================= */

/* --------------------------------------
=========================================
GLOBAL STYLES
=========================================
-----------------------------------------*/

html {
    font-size: 100%;
}

body {
    background: #ffffff;
    /*font-family: 'Roboto','mirosoft', sans-serif;*/
    font-family: 'microsoft yahei', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #313131;
    line-height: 28px;
    text-align: center;
    overflow-x: hidden !important;
    margin: auto !important;
}


/* Internet Explorer 10 in Windows 8 and Windows Phone 8 Bug fix */

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

a {
    -webkit-transition: all ease 0.25s;
            transition: all ease 0.25s;
}

a:hover {
    text-decoration: none;
}

.btn:focus,
.btn:active {
    outline: inherit;
}


/* Other fixes*/

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
            box-sizing: border-box;
}

ul,
ol {
    padding-left: 0 !important;
}

li {
    list-style: none;
}


/* PRE LOADER */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}

.status {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
            background-size: cover;
    margin: -20px 0 0 -20px;
}

/*---------------------------------------
   Typography                
-----------------------------------------*/

/* FONT FACE LOADER */
@font-face {
    font-family: 'Lane';
    src: url('../fonts/lanenar_Lane.eot');
    src: url('../fonts/lanenar_Lane.eot?#iefix') format('embedded-opentype'), url('../fonts/lanenar_Lane.woff') format('woff'), url('../fonts/lanenar_Lane.ttf') format('truetype'), url('../fonts/lanenar_Lane.svg#Lane') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
 
    @font-face {
        font-family: 'Lane';
        src: url('../fonts/lanenar_Lane.svg#Lane') format('svg');
    }
}

/* HEADINGS */

h1,
h2 {
    font-family: 'microsoft yahei','Lane', sans-serif;
    font-weight: normal;
}

h1 {
    font-size: 3.75rem;
    +font-size: 100px;
    line-height: 4.688rem;
}

h2 {
    font-size: 3.125rem;
    line-height: 4.063rem;
}

h3 {
    font-size: 24px;
    line-height: 38px;
    font-weight: 300;
}

h4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
}

h5 {
    font-size: 18px;
    font-weight: 300;
}

/*---------------------------------------
   CUSTOM BUTTON              
-----------------------------------------*/

.standard-button,
.standard-button2 {
    font-size: 18px;
    font-weight: 400 !important;
    border-radius: 4px !important;
    text-shadow: 0 !important;
    color: #ffffff;
    min-width: 150px;
    border: none;
    padding: 16px 25px 16px 25px;
    margin: 5px;
    -webkit-transition: all ease 0.25s;
            transition: all ease 0.25s;
}

.standard-button:hover,
.standard-button2:hover {
    border: none;
}

.standard-button i,
.standard-button2 i {
    vertical-align: inherit;
    margin-right: 8px;
    font-size: 20px;
}


/*---------------------------------------
   TEXTS               
-----------------------------------------*/

.white-text {
    color: #ffffff;
}

.dark-text {
    color: #272727;
}

.grey-bg {
    background: #F7F8FA !important;
}


/*---------------------------------------
   SECTIONS          
-----------------------------------------*/

.section-header {
    padding-bottom: 78px;
}

.section-header h2 {
    margin-bottom: 20px;
}

.section-header .section-description {
    display: inline-block;
    position: relative;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*---------------------------------------
   LINES          
-----------------------------------------*/

.colored-line {
    margin: auto;
    z-index: 1;
    width: 165px;
    height: 1px;
}

.white-line {
    margin: auto;
    z-index: 1;
    width: 165px;
    height: 1px;
    background: #ffffff;
}


.colored-line-left {
    float: left;
    z-index: 1;
    display: block;
    width: 165px;
    height: 1px;
}

/*---------------------------------------
=========================================
 **   SECTION STYLES                
=========================================
-----------------------------------------*/

/*---------------------------------------
   SECTION:  HOME                 
-----------------------------------------*/

header {
    background: url(../images/bg-1.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
            background-size: cover;
}

header .color-overlay {
    min-height: 900px;
}

header .full-screen {
    width: 100%;
    height: 100px;
}

/* TOP BAR WITH NAVIGATION */

.sticky-navigation {
  min-height: 60px;
  background: #FFFFFF;
  border: none;
  padding: 0 !important;
  margin-bottom: 0 !important;
  -webkit-backface-visibility: hidden;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
          box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
}

.sticky-navigation .navbar-header img {
  max-height: 30px;
  -webkit-backface-visibility: hidden;
}

.sticky-navigation .main-navigation .current a {
  color: #000000 !important;
  position: relative;
  outline: none;
}

.sticky-navigation .main-navigation li a {
  line-height: 30px;
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase;
}

.sticky-navigation .main-navigation li a:hover {
    color: #000000;
}

.navbar-inverse .navbar-toggle {
border-color: #313131;
background: #313131;
}

header .only-logo .navbar {
    background: none;
    padding: 60px;
}

header .only-logo .navbar .navbar-header {
    /*float: none;*/
}

/* INTRO */
header .home-contents {
    margin-top: 5%;
}

header .intro-section {
    text-align: left;
}

header .intro-section .standard-button {
    margin: 0;
}

header .phone-image {
    max-width: 350px;
    margin: auto;
    margin-bottom: 50px;
}

header .phone-image img {
    width: 100%;
}

header .intro-section .intro {
    color: #ffffff;
    margin-bottom: 36px;
}

header .intro-section h5 {
    color: #ffffff;
}

header .intro-section .buttons {
    margin-top: 35px;
}

/*---------------------------------------
   SECTION:  FEATURES                 
-----------------------------------------*/

.features {
    padding-top: 80px;
    padding-bottom: 30px;
    background: #ffffff;
}

.features .features-left {
    text-align: right;
    margin-top: 26px;
    margin-bottom: 80px;
}

.features .features-left .icon-container {
    float: right;
    margin-left: 20px;
}

.features .features-right {
    text-align: left;
    margin-top: 26px;
    margin-bottom: 80px;
}

.features .features-right .icon-container {
    float: left;
    margin-right: 20px;
}

.features .feature {
    margin-bottom: 40px;
}

.features .feature .icon-container {
    display: block;
    min-height: 120px;
    margin-top: 5px;
}

.features .feature .icon-container .icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    -webkit-transition: all ease-in 0.25s;
            transition: all ease-in 0.25s;
    -webkit-background-clip: padding-box;
           -moz-background-clip: padding;
            background-clip: padding-box;
}

.features .phone-image {
    max-width: 250px;
    margin: auto;
    margin-bottom: 80px;
}

.features .phone-image img {
    width: 100%;
}


/*---------------------------------------
   SECTION:  BRIEF                 
-----------------------------------------*/

.app-brief {
    padding-top: 110px;
    padding-bottom: 60px;
}

.app-brief h2 {
    margin-bottom: 20px;
}

.app-brief .phone-image {
    max-width: 350px;
    margin: auto;
    margin-bottom: 50px;
}

.app-brief .phone-image img {
    width: 100%;
}

.app-brief .left-align {
    text-align: left;
    margin-bottom: 50px;
}

.app-brief .left-align p {
    display: block;
    float: none;
    margin-top: 50px;
}

.app-brief .left-align .feature-list {
    margin-top: 40px;
}

.app-brief .left-align .feature-list li {
    /*margin-bottom: 26px;*/
    margin-bottom: 20px;
}

.app-brief .left-align .feature-list li i {
    margin-right: 10px;
    vertical-align: inherit;
}


/*---------------------------------------
   SECTION:  TESTIMONIALS                 
-----------------------------------------*/

.testimonials {
    background: url(../images/bg-2.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
            background-size: cover;
    color: #ffffff;
}

.testimonials .color-overlay {
    padding-top: 110px;
    padding-bottom: 110px;
}

.testimonials .feedback {
    max-width: 750px;
    margin: auto;
}

.testimonials .feedback .image {
    font-size: 24px;
    border: 2px solid transparent;
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
            box-shadow: 0px 0px 0px 2px #ffffff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin: auto;
    margin-top: 5px;
    overflow: hidden;
}

.testimonials .feedback .image img {
    width: 100%;
    vertical-align: top;
}

.testimonials .feedback .message {
    font-size: 18px;
    font-style: italic;
    margin-top: 40px;
    margin-bottom: 30px;
}

.testimonials .feedback .name {
    margin-top: 15px;
    font-weight: 400;
}

.testimonials .feedback .company-info {
    font-size: 12px;
}

.testimonials .owl-theme .owl-controls .owl-page span {
    background: #ffffff;
    border-radius: 50%;
}

.testimonials .customNavigation a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/*---------------------------------------
   SECTION:  SERVICES           
-----------------------------------------*/

.services {
    padding-top: 80px;
    padding-bottom: 60px;
    background: #ffffff;
}

.services .single-service {
    padding-bottom: 60px;
}

.services .single-service .service-icon {
    font-size: 80px;
}

.services .single-service h3 {
    margin-top: 20px;
}


/*---------------------------------------
   SECTION:  SCREENSHOTS 
-----------------------------------------*/

.screenshots {
    padding-top: 80px;
    padding-bottom: 120px;
}

.screenshots .shot {
    background: #FFFFFF;
    padding: 10px;
    margin: 13px;
    border-radius: 4px;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: block;
}

.screenshots .shot img {
    border-radius: 4px;
    width: 100%;
}


/*---------------------------------------
   SECTION:  DOWNLOAD                 
-----------------------------------------*/

.download {
    background: url('../images/bg-3.jpg') no-repeat center fixed;
    -webkit-background-size: cover;
            background-size: cover;
    color: #ffffff;
}

.download .color-overlay {
    padding-top: 110px;
    padding-bottom: 70px;
}

.download .download-container {
    padding-bottom: 80px;
}

.download .subscription-form-container {
    padding-bottom: 80px;
}

.download .subscription-form .input-box {
    height: 57px;
    padding-left: 20px;
    width: 320px;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: #FFF;
    border: 2px solid #FFF;
}

.download .subscription-form .input-box:focus, 
.download .subscription-form .input-box:active {
    color: #000;
    font-weight: 400;
}

.download .subscription-form .subscription-success,
.download .subscription-form .subscription-error {
    display: none;
}

.download h2 {
    margin-bottom: 30px;
}


/*---------------------------------------
   SECTION:  FOOTER                
-----------------------------------------*/

footer .contact-box {
    margin-bottom: 78px;
}

footer .contact-box .contact-button {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin: auto;
    position: relative;
    font-size: 30px;
    line-height: 60px;
    vertical-align: middle;
    margin-top: -40px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 0px 3px #ffffff;
            box-shadow: 0px 0px 0px 3px #ffffff;
    -webkit-backface-visibility: hidden;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

footer .contact-box .contact-button:hover {
    color: #ffffff;
}

footer .contact-box .expanded-contact-form {
    margin-top: 40px;
    display: none;
}

footer .contact-box .expanded-contact-form .success,
footer .contact-box .expanded-contact-form .error {
    display: none;
}

footer .contact-box .expanded-contact-form .input-box {
    margin-bottom: 10px;
    margin-top: 10px;
    height: 50px;
    -webkit-box-shadow: none;
            box-shadow: none;
}

footer .contact-box .expanded-contact-form .textarea-box {
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-box-shadow: none;
            box-shadow: none;
}

footer .contact-box .expanded-contact-form .textarea-box:active {
    color: #000;
}

footer .social-icons {
    margin-top: 30px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 50px;
}

footer .social-icons li {
    display: inline-block;
    margin: 5px;
}

footer .social-icons li a {
    font-size: 30px;
    color: #c2c2c2;
}

footer .copyright {
    color: #808080;
    padding-top: 10px;
    margin-bottom: 50px;
}


/*黄娟添加*/
.no-padding-left{ padding-left: 0;}
.white-line-right {
    float: right;
    z-index: 1;
    width: 165px;
    height: 1px;
    background: #ffffff;
}
.feedbacklist{ margin-top: 20px;}
.barcode{ margin-top: 35px;}

.download-button {
    font-size: 22px;
    /*padding: 20px 25px 20px 25px;*/
}
/*h1 {
    font-size: 2.2rem;
    line-height: 3rem;
    margin-top: 0;
}*/
h2 {
    font-size: 3.125rem;
    line-height: 4.063rem;
}
header .only-logo .navbar {padding: 60px 0;}
.terms-body {
max-height: 500px;
overflow: auto;
}
/*.download .download-container {
    padding-bottom: 160px;
}*/
.margin-right-10{ margin-right: 10px;}
.barcode_car,.barcode_driver{ display: none;}
.txt-color-white{ color: #fff;}
.terms-body h2{ font-size: 22px; line-height: 1em;}
.pull-210{ width: 210px;float: left; margin-right: 10px;}
.pull-180{ width:180px;float: left; margin-right: 10px;}
.Txt-phone{  vertical-align: -webkit-baseline-middle;vertical-align:sub;}
.modal{ overflow-y:auto;}
.dropdown-menu{ min-width: 115px; top: 60px; z-index: 1031;}
.no-border{ border: 0;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{ background: none}
.navbar-right .dropdown-menu{ left: 0; right: auto;}
.border-white{ border-color: #14a1eb; background: #1595d8; color: #fff;}
.border-white:hover, .border-white:focus, .border-white:active, .border-white.active, .open .dropdown-toggle.border-white{border-color: #eaf6fd; background: #eaf6fd;}
.text-white-hover:hover,.text-white-hover:focus{ color: #fff;}
.txt-color-yellow{ color: #fcff00;}
#myLogin .form-control{ /*height: 45px;*/}
#myLogin .form-group{ margin-top: 10px;}
#myLogin .colorGray{ color: #666;}
.margin-top-10{ margin-top: 10px!important;}
.smart-form .form-control{ padding-left: 5px!important;}
.smart-form label.checkbox{ margin-top: 3px;}

.smart-form .btn-lg {padding: 10px 16px!important;}
.smart-form .btn{ padding: 6px 12px!important}
.smart-form label.checkbox,.widget-toolbar .smart-form label.radio{line-height:24px}
.widget-toolbar>.label{vertical-align:middle;margin-top:-3px;display:inline-block;text-align:center;font-size:12px;padding:4px 7px}
.widget-toolbar>.badge{padding:5px;font-size:14px;border-radius:50%;font-weight:400;min-width:24px;text-align:center!important}
.widget-toolbar .progress{width:130px;margin:7px 0 0;height:18px!important;font-size:12px;box-shadow:0 1px 0 rgba(0,0,0,0),0 0 0 1px #d1d1d1 inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0),0 0 0 1px #d1d1d1 inset}.widget-toolbar .progress-bar{font-size:12px}
.widget-toolbar .pagination{margin:4px 0}
.widget-toolbar .pagination>li>a{padding:2px 7px}
.widget-toolbar .widget-text-input{max-width:220px}
.widget-toolbar input[type=text]{height:28px!important;margin-top:2px}
.widget-toolbar .smart-form .icon-append,.widget-toolbar .smart-form .icon-prepend,.widget-toolbar.smart-form .icon-append,.widget-toolbar.smart-form .icon-prepend{top:3px!important}
.glyphicon{ top: 3px;}
/*.smart-form *,.smart-form :after,.smart-form :before{margin:0;padding:0;-webkit-box-sizing:content-box;box-sizing:content-box;-moz-box-sizing:content-box}.smart-form .btn{-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box}*/
.smart-form .checkbox+.checkbox,.smart-form .radio+.radio{margin-top:0}
.smart-form footer .btn{float:right;height:31px;margin:10px 0 0 5px;padding:0 22px;font:300 15px/29px 'Open Sans',Helvetica,Arial,sans-serif;cursor:pointer}
.smart-form legend{padding-top:15px}.smart-form{margin:0;outline:0;color:#666;position:relative}
.smart-form header{display:block;padding:8px 0;border-bottom:1px dashed rgba(0,0,0,.2);background:#fff;font-size:16px;font-weight:300;color:#232323;margin:10px 14px 0}
.smart-form fieldset{display:block;padding:25px 14px 5px;border:0;background:rgba(255,255,255,.9);position:relative}.smart-form fieldset+fieldset{border-top:1px solid rgba(0,0,0,.1)}.smart-form section{margin-bottom:15px;position:relative}
.smart-form footer{display:block;padding:7px 14px 15px;border-top:1px solid rgba(0,0,0,.1);background:rgba(248,248,248,.9)}
.smart-form footer:after{content:'';display:table;clear:both}
.smart-form .label{display:block;margin-bottom:6px;line-height:19px;font-weight:400;font-size:13px;color:#333;text-align:left}
.smart-form .label.col{margin:0;padding-top:7px}
.note,.smart-form .note{margin-top:6px;padding:0 1px;font-size:11px;line-height:15px;color:#999}
.smart-form .note a{font-size:13px}
.smart-form .button,.smart-form .checkbox,.smart-form .input,.smart-form .radio,.smart-form .select,.smart-form .textarea,.smart-form .toggle{position:relative;display:block;font-weight:400}
.smart-form .input input,.smart-form .select select,.smart-form .textarea textarea{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:32px;padding:8px 10px;outline:0;border-width:1px;border-style:solid;border-radius:0;background:#fff;font:13px/16px 'Microsoft YaHei',微软雅黑,Helvetica,Arial,sans-serif;color:#404040;appearance:normal;-moz-appearance:none;-webkit-appearance:none}
.smart-form .input-file .button{position:absolute;top:4px;right:4px;float:none;height:22px;margin:0;padding:0 14px;font-size:13px;line-height:22px}
.smart-form .input-file .button:hover{-webkit-box-shadow:none;box-shadow:none}
.smart-form .input-file .button input{position:absolute;top:0;right:0;padding:0;font-size:30px;cursor:pointer;opacity:0}
.smart-form .select i{position:absolute;top:10px;right:11px;width:5px;height:11px;background:#fff;-webkit-box-shadow:0 0 0 9px #fff;box-shadow:0 0 0 9px #fff}
.smart-form .select i:after,.smart-form .select i:before{content:'';position:absolute;right:0;border-right:4px solid transparent;border-left:4px solid transparent}
.smart-form .select i:after{bottom:0;border-top:4px solid #404040}
.smart-form .select i:before{top:0;border-bottom:4px solid #404040}
.smart-form .select-multiple select{height:auto}
.smart-form .textarea textarea{height:auto;resize:none}
.smart-form .textarea-resizable textarea{resize:vertical}
.smart-form .textarea-expandable textarea{height:31px}
.smart-form .textarea-expandable textarea:focus{height:auto}
.smart-form .checkbox,.smart-form .radio{margin-bottom:4px;padding-left:25px;line-height:25px;color:#404040;cursor:pointer;font-size:13px}
.smart-form .checkbox:last-child,.smart-form .radio:last-child{margin-bottom:0}
.smart-form .checkbox input,.smart-form .radio input{position:absolute;left:-9999px}
.smart-form .checkbox i,.smart-form .radio i{position:absolute;top:3px;left:0;display:block;width:19px;height:19px;outline:0;border-width:1px;border-style:solid;background:#FFF}
.smart-form .radio i{border-radius:50%}
.smart-form .checkbox input+i:after,.smart-form .radio input+i:after{position:absolute;opacity:0;transition:opacity .1s;-webkit-transition:opacity .1s}
.smart-form .radio input+i:after{content:'';top:4px;left:4px;width:9px;height:9px;border-radius:50%}
.smart-form .checkbox input+i:after{content:'\f00c';top:-1px;left:1px;width:15px;height:15px;font:400 16px/19px FontAwesome;text-align:center}
.smart-form .checkbox input:checked:hover+i:after{content:'\f00d'}
.smart-form .checkbox input:checked:disabled:hover+i:after{content:'\f00c'}
.smart-form .checkbox input:checked+i:after,.smart-form .radio input:checked+i:after{opacity:1}
.smart-form .inline-group{margin:0 -30px -4px 0}
.smart-form .inline-group:after{content:'';display:table;clear:both}
.smart-form .inline-group .checkbox,.smart-form .inline-group .radio{float:left;margin-right:30px}
.smart-form .inline-group .checkbox:last-child,.smart-form .inline-group .radio:last-child{margin-bottom:4px}
.smart-form .toggle{margin-bottom:4px;padding-right:61px;font-size:15px;line-height:25px;color:#404040;cursor:pointer}
.smart-form .toggle:last-child{margin-bottom:0}
.smart-form .toggle input{position:absolute;left:-9999px}
.smart-form .toggle i{content:'';position:absolute;top:4px;right:0;display:block;width:49px;height:17px;border-width:1px;border-style:solid;border-radius:12px;background:#fff}
.smart-form .toggle i:after{content:attr(data-swchoff-text);position:absolute;top:2px;right:8px;left:8px;font-style:normal;font-size:9px;line-height:13px;font-weight:700;text-align:left;color:#5f5f5f}
.smart-form .toggle i:before{content:'';position:absolute;z-index:1;top:4px;right:4px;display:block;width:9px;height:9px;border-radius:50%;opacity:1;transition:right .2s;-webkit-transition:right .2s}
.smart-form .toggle input:checked+i:after{content:attr(data-swchon-text);text-align:right}
.smart-form .toggle input:checked+i:before{right:36px}
.smart-form .rating{margin-bottom:4px;font-size:13px;line-height:25px;color:#404040}
.smart-form .rating:last-child{margin-bottom:0}
.smart-form .rating input{position:absolute;left:-9999px}
.smart-form .rating label{display:block;float:right;height:17px;margin-top:5px;padding:0 2px;font-size:17px;line-height:17px;cursor:pointer}
.smart-form .button{float:right;height:31px;overflow:hidden;margin:10px 0 0 5px;padding:0 25px;outline:0;border:0;font:300 15px/31px 'Open Sans',Helvetica,Arial,sans-serif;text-decoration:none;color:#fff;cursor:pointer}
.smart-form .icon-append,.smart-form .icon-prepend{position:absolute;top:5px;width:22px;height:22px;font-size:14px;line-height:22px;text-align:center}
.smart-form .icon-append{right:5px;padding-left:3px;border-left-width:1px;border-left-style:solid}
.smart-form .icon-prepend{left:5px;padding-right:3px;border-right-width:1px;border-right-style:solid}
.smart-form .input .icon-prepend+input,.smart-form .textarea .icon-prepend+textarea{padding-left:37px}
.smart-form .input .icon-append+input,.smart-form .textarea .icon-append+textarea{padding-right:37px}
.smart-form .input .icon-prepend+.icon-append+input,.smart-form .textarea .icon-prepend+.icon-append+textarea{padding-left:37px}
.smart-form .row{margin:0 -15px}
.smart-form .row:after{content:'';display:table;clear:both}
.smart-form .col{float:left;min-height:1px;padding-right:15px;padding-left:15px;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box}
.smart-form .col-1{width:8.33%}
.smart-form .col-2{width:16.66%}
.smart-form .col-3{width:25%}
.smart-form .col-4{width:33.33%}
.smart-form .col-5{width:41.66%}
.smart-form .col-6{width:50%}
.smart-form .col-8{width:66.67%}
.smart-form .col-9{width:75%}
.smart-form .col-10{width:83.33%}
@media screen and (max-width:600px){.smart-form .col{float:none;width:100%}
}
.smart-form .select select{padding:5px}
.smart-form .tooltip{position:absolute;z-index:99999;left:-9999px;padding:2px 8px 3px;font-size:11px;line-height:16px;font-weight:400;background:rgba(0,0,0,.9);color:#fff;opacity:0;transition:margin .3s,opacity .3s;-webkit-transition:margin .3s,opacity .3s}
.smart-form .tooltip:after{content:'';position:absolute}
.smart-form .input input:focus+.tooltip,.smart-form .textarea textarea:focus+.tooltip{opacity:1}
.smart-form .tooltip-top-right{bottom:100%;margin-bottom:15px}
.smart-form .tooltip-top-right:after{top:100%;right:11px;border-top:4px solid rgba(0,0,0,.9);border-right:4px solid transparent;border-left:4px solid transparent}
.smart-form .input input:focus+.tooltip-top-right,.smart-form .textarea textarea:focus+.tooltip-top-right{right:0;left:auto;margin-bottom:5px}
.smart-form .tooltip-top-left{bottom:100%;margin-bottom:15px}
.smart-form .tooltip-top-left:after{top:100%;left:11px;border-top:4px solid rgba(0,0,0,.9);border-right:4px solid transparent;border-left:4px solid transparent}
.smart-form .input input:focus+.tooltip-top-left,.smart-form .textarea textarea:focus+.tooltip-top-left{right:auto;left:0;margin-bottom:5px}
.smart-form .tooltip-right{top:4px;white-space:nowrap;margin-left:15px}
.smart-form .tooltip-right:after{top:6px;right:100%;border-top:4px solid transparent;border-right:4px solid rgba(0,0,0,.9);border-bottom:4px solid transparent}
.smart-form .input input:focus+.tooltip-right,.smart-form .textarea textarea:focus+.tooltip-right{left:100%;margin-left:5px}
.smart-form .tooltip-left{top:4px;white-space:nowrap;margin-right:15px}
.smart-form .tooltip-left:after{top:6px;left:100%;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid rgba(0,0,0,.9)}
.smart-form .input input:focus+.tooltip-left,.smart-form .textarea textarea:focus+.tooltip-left{right:100%;left:auto;margin-right:5px}
.smart-form .tooltip-bottom-right{top:100%;margin-top:15px}
.smart-form .tooltip-bottom-right:after{bottom:100%;right:11px;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,.9);border-left:4px solid transparent}
.smart-form .input input:focus+.tooltip-bottom-right,.smart-form .textarea textarea:focus+.tooltip-bottom-right{right:0;left:auto;margin-top:5px}
.smart-form .tooltip-bottom-left{top:100%;margin-top:15px}
.smart-form .tooltip-bottom-left:after{bottom:100%;left:11px;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,.9);border-left:4px solid transparent}
.smart-form .input input:focus+.tooltip-bottom-left,.smart-form .textarea textarea:focus+.tooltip-bottom-left{right:auto;left:0;margin-top:5px}
.smart-form .checkbox i,.smart-form .icon-append,.smart-form .icon-prepend,.smart-form .input input,.smart-form .radio i,.smart-form .select select,.smart-form .textarea textarea,.smart-form .toggle i{border-color:#BDBDBD;transition:border-color .3s;-webkit-transition:border-color .3s}
.smart-form .toggle i:before{background-color:#3276B1}
.smart-form .rating label{color:#ccc;transition:color .3s;-webkit-transition:color .3s}
.smart-form .button{background-color:#3276B1;opacity:.8;transition:opacity .2s;-webkit-transition:opacity .2s}
.smart-form .button.button-secondary{background-color:#b3b3b3}
.smart-form .icon-append,.smart-form .icon-prepend{color:#A2A2A2}
.smart-form .checkbox:hover i,.smart-form .input:hover input,.smart-form .radio:hover i,.smart-form .select:hover select,.smart-form .textarea:hover textarea,.smart-form .toggle:hover i{border-color:#5D98CC}
.smart-form .rating input+label:hover,.smart-form .rating input+label:hover~label{color:#3276B1}
.smart-form .button:hover{opacity:1}
.smart-form .checkbox:hover i,.smart-form .radio:hover i,.smart-form .toggle:hover i{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}
.smart-form .checkbox:active i,.smart-form .radio:active i,.smart-form .toggle:active i{background:#F0F0F0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.1);box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}
.smart-form .checkbox input:focus+i,.smart-form .input input:focus,.smart-form .radio input:focus+i,.smart-form .select select:focus,.smart-form .textarea textarea:focus,.smart-form .toggle input:focus+i{border-color:#3276B1}
.smart-form .radio input+i:after{background-color:#3276B1}
.smart-form .checkbox input+i:after{color:#3276B1}
.smart-form .checkbox input:checked+i,.smart-form .radio input:checked+i,.smart-form .toggle input:checked+i{border-color:#3276B1}
.smart-form .rating input:checked~label{color:#3276B1}
.smart-form .checkbox.state-error i,.smart-form .radio.state-error i,.smart-form .state-error input,.smart-form .state-error select,.smart-form .state-error textarea,.smart-form .toggle.state-error i{background:#fff0f0;border-color:#A90329}
.smart-form .toggle.state-error input:checked+i{background:#fff0f0}
.smart-form .state-error+em{display:block;margin-top:6px;padding:0 1px;font-style:normal;font-size:11px;line-height:15px;color:#D56161}
.smart-form .rating.state-error+em{margin-top:-4px;margin-bottom:4px}
.smart-form .state-error select+i{background:#FFF0F0;-webkit-box-shadow:0 0 0 9px #FFF0F0;box-shadow:0 0 0 9px #FFF0F0}
.state-error .icon-append,.state-error .icon-prepend{color:#ed1c24}
.smart-form .checkbox.state-success i,.smart-form .radio.state-success i,.smart-form .state-success input,.smart-form .state-success select,.smart-form .state-success textarea,.smart-form .toggle.state-success i{background:#f0fff0;border-color:#7DC27D}
.smart-form .toggle.state-success input:checked+i{background:#f0fff0}
.smart-form .note-success{color:#6fb679}
.smart-form .state-success select+i{background:#f0fff0;-webkit-box-shadow:0 0 0 9px #f0fff0;box-shadow:0 0 0 9px #f0fff0}
.smart-form .button.state-disabled,.smart-form .checkbox.state-disabled,.smart-form .input.state-disabled input,.smart-form .radio.state-disabled,.smart-form .select.state-disabled,.smart-form .textarea.state-disabled,.smart-form .toggle.state-disabled{cursor:default!important;opacity:.6!important}
.smart-form .checkbox.state-disabled:hover i,.smart-form .input.state-disabled:hover input,.smart-form .radio.state-disabled:hover i,.smart-form .select.state-disabled:hover select,.smart-form .textarea.state-disabled:hover textarea,.smart-form .toggle.state-disabled:hover i{border-color:#e5e5e5!important}
.smart-form .state-disabled.checkbox input+i:after,.smart-form .state-disabled.checkbox input:checked+i,.smart-form .state-disabled.radio input+i:after,.smart-form .state-disabled.radio input:checked+i,.smart-form .state-disabled.toggle input:checked+i{border-color:#e5e5e5!important;color:#333!important}
.smart-form .state-disabled.radio input+i:after{background-color:#333}
.smart-form .message{display:none;color:#6fb679}
.smart-form .message i{display:block;margin:0 auto 20px;width:81px;height:81px;border:1px solid #6fb679;border-radius:50%;font-size:30px;line-height:81px}
.smart-form.submited fieldset,.smart-form.submited footer{display:none}
.smart-form.submited .message{display:block;padding:25px 30px;background:rgba(255,255,255,.9);font:300 18px/27px 'Open Sans',Helvetica,Arial,sans-serif;text-align:center}
.smart-form .ui-widget-content .ui-spinner-input{margin:0;border:0;-webkit-box-shadow:none!important;box-shadow:none!important;height:29px}
.smart-form-modal{position:fixed;z-index:1;display:none;width:400px}
.smart-form-modal-overlay{position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.7)}
.ui-timepicker-div .ui-widget-header{margin-bottom:8px}
.ui-timepicker-div dl{text-align:left}
.ui-timepicker-div dl dt{float:left;clear:left;padding:0 0 0 5px}
.ui-timepicker-div dl dd{margin:17px 10px 12px 40%}
.ui-timepicker-div td{font-size:90%}
.ui-tpicker-grid-label{background:0 0;border:0;margin:0;padding:0}
.ui-timepicker-rtl{direction:rtl}
.ui-timepicker-rtl dl{text-align:right;padding:0 5px 0 0}.ui-timepicker-rtl dl dt{float:right;clear:right}.ui-timepicker-rtl dl dd{margin:0 40% 10px 10px}.smart-form input.input-lg{height:44px;padding:10px 16px;font-size:17px;line-height:1.33}.smart-form input.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5}.smart-form input.input-xs
{height:24px;padding:2px 10px;font-size:11px;line-height:1.5}.smart-form select.input-sm{height:30px;line-height:15px;font-size:12px}
.smart-form select.input-sm+i{height:10px}.smart-form select.input-lg{height:44px;line-height:22px;font-size:17px}
.smart-form select.input-lg+i{height:11px;top:17px}
.fa-warning{ color: #c79121;}
.terms-body h5{ color: #008ed6; line-height: 150%; margin-top:15px; font-size: 17px;}
.terms-body p{ line-height: 180%;}
.color-blue{ color: #008ed6;}
.txt-color-red{ color: #a90329!important;}
/*.icon-append {right: 5px;padding-left: 3px;border-left-width: 1px;border-left-style: solid;position: absolute;
top: 5px;
width: 22px;
height: 22px;
font-size: 14px;
line-height: 22px;
text-align: center;border-color: #BDBDBD;}*/
/*浏览器版本提示*/
/*ie6 7 8*/
#loginBg{ _display:none;}
.MessageBoxContainer{_height: 446px;_width: 600px; _background: #fff;}
.MessageBoxMain{ _width: 100%; _height: 100%; _position: _fixed;_z-index: 99999; _background: #fff;
            +background: #fff;
            /*width: 100%; height: 100%; position: fixed;z-index: 99999; background: #eff0f0;*/
            }
.MessageBoxMain .fa-warning{ _display: inline-block; _width: 122px; _height: 113px; _background: url(../images/fa-warning.jpg) no-repeat;
+display: inline-block; +width: 122px; +height: 113px; +background: url(../images/fa-warning.jpg) no-repeat;
}
#form_button{ _width: 600px; font-family: "Microsoft yahei"; _border: 0; +border: 0;}
.divMessageBox{ background: #fff; width: 600px; margin: 10% auto;}
/*ie6 7 8 end*/
html{overflow-x: auto!important;}
/*ie6 7*/
.iePic_bg{ background:url(../images/imgIE67/pic_1.jpg) no-repeat top center; height:300px;
min-width: 1144px;
  width: expression_r_r( document.body.clientWidth < 1144 ? "1144px" : "auto" );
 min-width:1144px; width:100%; overflow-x: auto!important; }
.iePic_bg img{ margin-left:-2px;}
.iePic_1{ background-image:url(../images/imgIE67/pic_1.jpg); text-align:center;}
.iePic_2{ background-image:url(../images/imgIE67/pic_2.jpg); height:260px;}
.iePic_3{ background-image:url(../images/imgIE67/pic_3.jpg); height:340px;}
.iePic_4{ background-image:url(../images/imgIE67/pic_4.jpg);}
.iePic_5{ background-image:url(../images/imgIE67/pic_5.jpg);}
.iePic_6{ background-image:url(../images/imgIE67/pic_6.jpg);}
.iePic_7{ background-image:url(../images/imgIE67/pic_7.jpg);}
.iePic_8{ background-image:url(../images/imgIE67/pic_8.jpg);}
.iePic_9{ background-image:url(../images/imgIE67/pic_9.jpg);}
.iePic_10{ background-image:url(../images/imgIE67/pic_10.jpg);}
.iePic_11{ background-image:url(../images/imgIE67/pic_11.jpg);}
.iePic_12{ background-image:url(../images/imgIE67/pic_12.jpg);}
.iePic_13{ background-image:url(../images/imgIE67/pic_13.jpg);}
.iePic_14{ background-image:url(../images/imgIE67/pic_14.jpg);}
.iePic_15{ background-image:url(../images/imgIE67/pic_15.jpg);}
.iePic_16{ background-image:url(../images/imgIE67/pic_16.jpg);}
.iePic_17{ background-image:url(../images/imgIE67/pic_17.jpg);}
.iePic_18{ background-image:url(../images/imgIE67/pic_18.jpg);}
.iePic_19{ background-image:url(../images/imgIE67/pic_19.jpg);}
.iePic_20{ background-image:url(../images/imgIE67/pic_20.jpg);}
.iePic_21{ background-image:url(../images/imgIE67/pic_21.jpg);}
.iePic_22{ background-image:url(../images/imgIE67/pic_22.jpg); height:200px;}
.iePic_23{ background-image:url(../images/imgIE67/pic_23.jpg);}
.iePic_24{ background-image:url(../images/imgIE67/pic_24.jpg);}