/* Theme Color: #1F8EE0; */
body { font-family: 'Hiragino Sans GB', helvetica, 'microsoft yahei', "Source Sans Pro", "Helvetica Neue", Arial, sans-serif; background-color: #fff; -webkit-font-smoothing: antialiased; }
::-webkit-scrollbar { width: 14px; height: 10px; }
::-webkit-scrollbar-thumb { background-color: #bbb; border: 2px solid transparent; border-radius: 10px; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { opacity: 0.5; }
::-webkit-scrollbar-track { background-color: #fff; }
input { autocapitalize:off; autocorrect:off; outline: none; -webkit-appearance: none; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #fff!important; color: #000; -webkit-box-shadow: 0 0 0px 1000px white inset; border: 1px solid #CCC !important; outline: none; -webkit-appearance: none; }
img{border: none;}
p, h1, h2, h3, h4, h5, h6 { color: #333; }
.v-btn-primary { background: #fff; border-color: #008ee2; color: #008ee2; }
.v-btn-blue { background: #008ee2; border-color: #008ee2; color: #fff; }
.v-btn-blue:focus,
.v-btn-blue:hover,
.v-btn-blue:active{background: #097EC3; border-color: #097EC3; color: #fff; }
.v-btn-disabled{background: #ccc!important; cursor: not-allowed;}
.btn-loading.disabled, .btn-loading[disabled], fieldset[disabled] .btn-loading, .btn-loading.disabled:hover, .btn-loading[disabled]:hover, fieldset[disabled] .btn-loading:hover, .btn-loading.disabled:focus, .btn-loading[disabled]:focus, fieldset[disabled] .btn-loading:focus, .btn-loading.disabled.focus, .btn-loading[disabled].focus, fieldset[disabled] .btn-loading.focus, .btn-loading.disabled:active, .btn-loading[disabled]:active, fieldset[disabled] .btn-loading:active, .btn-loading.disabled.active, .btn-loading[disabled].active, fieldset[disabled] .btn-loading.active, .btn-loading, .btn-loading:hover, .btn-loading:focus, .btn-loading:active { background: url('../images/loading.gif') no-repeat 4px center #ddd !important; background-size: auto 60% !important; padding-left: 32px !important; border-color: #ddd !important; cursor: not-allowed !important; }
.v-elem-loading { position: relative !important; }
.v-elem-loading:after { width: 100%; height: 100%; content: ''; background: url('../images/loading.gif') no-repeat center center #eee; opacity: 0.3; filter: aplha(opacity=30); position: absolute; left: 0; top: 0; display: block; }
.v-color-red{color: red;}
.w-auto{
  width:100%;
}
.text-nowrap{white-space: nowrap}
.text-ellipsis{word-spacing:keep-all; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.v-block { display: block; margin: 0 auto; }
.v-strong { font-weight: normal; font-size: 20px; }
.p-t-none { padding-top: 0 !important; }
.p-b-none { padding-bottom: 0 !important; }
.p-l-none { padding-left: 0 !important; }
.p-r-none { padding-right: 0 !important; }
.m-t-none { margin-top: 0 !important; }
.m-b-none { margin-bottom: 0 !important; }
.m-l-none { margin-left: 0 !important; }
.m-r-none { margin-right: 0 !important; }
.m10 { margin: 10px !important; }
.m20 { margin: 20px !important; }
.m30 { margin: 30px !important; }
.m40 { margin: 40px !important; }
.m50 { margin: 50px !important; }
.m60 { margin: 60px !important; }
.m70 { margin: 70px !important; }
.m80 { margin: 80px !important; }
.m90 { margin: 90px !important; }
.m100 { margin: 100px !important; }
.p10 { padding: 10px !important; }
.p20 { padding: 20px !important; }
.p30 { padding: 30px !important; }
.p40 { padding: 40px !important; }
.p50 { padding: 50px !important; }
.p60 { padding: 60px !important; }
.p70 { padding: 70px !important; }
.p80 { padding: 80px !important; }
.p90 { padding: 90px !important; }
.p100 { padding: 100px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }
.ml100 { margin-left: 100px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }
.mr90 { margin-right: 90px !important; }
.mr100 { margin-right: 100px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt70 { padding-top: 70px !important; }
.pt80 { padding-top: 80px !important; }
.pt90 { padding-top: 90px !important; }
.pt100 { padding-top: 100px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }
.pl10 { padding-left: 10px !important; }
.pl20 { padding-left: 20px !important; }
.pl30 { padding-left: 30px !important; }
.pl40 { padding-left: 40px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
.pl70 { padding-left: 70px !important; }
.pl80 { padding-left: 80px !important; }
.pl90 { padding-left: 90px !important; }
.pl100 { padding-left: 100px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }
.pr70 { padding-right: 70px !important; }
.pr80 { padding-right: 80px !important; }
.pr90 { padding-right: 90px !important; }
.pr100 { padding-right: 100px !important; }



/*通用标题*/
.m-title{background: url('../images/icon_arrow_rb.png') no-repeat left 2px; padding:0 0 10px 50px; border-bottom: 2px solid #c0c8d5;}
.m-title strong{color: #008ee2; font-weight: normal;}
.m-title span{color: #999999; font-size: 14px; margin-left: 20px;}

.m-title2{
  width:100%;
  text-align:center;

}
.m-title2 h3{
  color:#488cfb;
  font-size:30px;
  margin:0;
}
.m-title2 em{
  position:relative;
  top:2px;
  margin:0 4px;
  font-size:40px;
  font-style:normal;
}
.m-title2 p{
  font-size:24px;
  color:#999;
}

.g-title-group{
  width:100%;
  color:#0a0b08;
  font-size:30px;
  text-align:center;
  line-height:60px;
}
.g-title-group i{
  display:inline-block;
  width:30px;
  height:30px;
  background:url('../images/video_icon_circle.png') no-repeat center center;
}

/* Navbar */
.v-pre-loading{background: url('../images/loading.gif') no-repeat center center; position: fixed; width: 40px; height: 40px; left: 50%; top: 50%; margin: -20px; z-index: 99999; background-size: 100% 100%; content: ''; display: none;}
.navbar-fixed-top, .navbar-fixed-bottom { z-index: 999; }
.navbar-brand { background: url('../images/logo.png') no-repeat  center center; width: 164px; height: 60px; display: inline-block; margin: 0; position: relative; z-index: 8; }
.navbar-brand:hover { cursor: pointer; }
.v-nav { margin: 0; height: 60px; line-height: 60px; background: transparent; border: none; }
.v-nav .navbar-toggle { background: #1F8EE0; }
.v-nav .navbar-toggle .icon-bar { background: #fff; }
.v-nav-mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #fff; opacity: 0.05; filter: alpha(opacity=5); -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; transition: all .6s; box-shadow: 0 25px 33px -28px rgba(0,0,0,0.3);-webkit-box-shadow: 0 25px 33px -28px rgba(0,0,0,0.3);-moz-box-shadow: 0 25px 33px -28px rgba(0,0,0,0.3);-ms-box-shadow: 0 25px 33px -28px rgba(0,0,0,0.3);-o-box-shadow: 0 25px 33px -28px rgba(0,0,0,0.3); }
.v-nav-main .v-nav-mask { opacity: 1; filter: alpha(opacity=100); }
.v-nav .navbar-left { margin-left: 122px; }
.v-nav .navbar-left a, .v-nav .navbar-left a:focus { color: #666; background: transparent; padding: 10px 0; margin: 10px 44px 0 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; font-size:16px; }
.v-nav .navbar-left a:hover, .v-nav .navbar-left .active a, .v-nav .navbar-left .active a:focus { background: transparent; color: #488cfb; }
.v-nav .navbar-left .v-other a, .v-nav .navbar-left .v-other a:focus { margin: 10px 0 0 0; padding: 10px 0; color: #666; background: transparent;max-width: 120px; text-overflow: ellipsis; }
.v-nav .navbar-left .v-other a:hover, .v-nav .navbar-left .v-other.active a, .v-nav .navbar-left .v-other.active a:focus { background: transparent; text-decoration: underline; }
.v-nav .navbar-left .v-other.v-login { margin-left: 10px;}
.v-nav .navbar-left .v-other.v-login a{ max-width: 100px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.v-nav .navbar-left .v-other.v-login a:after { content: '|'; padding: 0 6px; position: relative; top: -1px; }
.v-nav-less .navbar-left{margin-left: 20px;}
.v-nav-less .navbar-left li{font-size: 16px;}
@media (max-width:1200px) {
  .v-pre-loading{display: block;}
  .v-nav .navbar-header { float: none; }
  .v-nav .navbar-toggle { display: inline-block; }
  .v-nav .navbar-collapse { border: none; background: #fff; display: none!important; }
  .v-nav .navbar-collapse.in {display: block!important; }
  .v-nav .navbar-left{margin: 0;}
  .v-nav .navbar-left .v-other.v-login{margin: 0;}
  .v-nav .navbar-left a, .v-nav .navbar-left a:focus{ margin: 6px 30px;}
  .v-nav .navbar-left .v-other a, .v-nav .navbar-left .v-other a:focus{padding: 10px 30px; margin: 6px 0;}
  .v-nav .navbar-left .v-other.v-login a:after{display: none;}
  /* .v-nav .navbar-collapse .navbar-nav { position: fixed; margin: 0; width: 340px; right: 10px; top: 50px; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; border-radius: 8px; margin-top: 20px; }
  .v-nav .navbar-collapse .navbar-nav:before { width: 38px; height: 20px; display: inline-block; position: absolute; right: 10px; top: -20px; content: ''; background: url('../images/icon_arrow.png') no-repeat 0 0; }
   .v-nav .navbar-left li { display: block; float: none; }
   .v-nav .navbar-left .v-other, .v-nav .navbar-left a, .v-nav .navbar-left a:hover, .v-nav .navbar-left .active a, .v-nav .navbar-left .active a:focus { background: transparent; color: #000; margin: 0; }
   .v-nav .navbar-left .active a { background: transparent; color: #008ee2; }
   .v-nav .navbar-left a:after { display: none; }
   .v-nav .navbar-left .v-other a, .v-nav .navbar-left .v-other a:focus { margin: 0; padding: 10px 30px; color: #666; background: transparent; }
   .v-nav .navbar-left .v-other.v-login { margin-left: 0; }
   .v-nav .navbar-collapse.collapse { overflow: visible !important; visibility: hidden !important; }
   .v-nav .navbar-collapse.collapse.in { overflow: auto !important; visibility: visible !important; z-index: 9999; } */ 
}
#toTop { position: fixed; right: 50px; bottom: 50px; z-index: 99; background: #1F8EE0; color: #fff; width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center; }
#toTop:hover { background: #1472A9; }

/* Footer */
.v-footer { background: #1a1a1a; color: #fff; font-size: 12px; }
.v-footer p { color: #fff; }
.v-footer .container { position: relative; padding: 36px 0 10px 0; }
.v-footer-links-wrapper { margin-right: 220px; padding: 0 10px; }
.v-footer-links li { display: inline-block; list-style: none; margin: 0 10px; position: relative; }
.v-footer-links li:after { content: '|'; position: absolute; right: -10px; }
.v-footer-links li:last-child::after { display: none; }
.v-footer-links a { color: #fff; }
.v-footer-desc { text-align: center; }
.v-footer-copy { text-align: center; }
.v-footer-contact { position: absolute; height: 100%; background: #000; right: 0; top: 0; width: 220px; }
.v-footer-phone { background: url('../images/icon_phone.png') no-repeat 0 0; width: 110px; height: 60px; display: inline-block; text-align: right; position: absolute; right: 20px; top: 20px; }
.v-footer-phone strong { font-size: 20px; display: block; }
.v-footer-phone span { }
.v-footer-contact p { font-size: 20px; position: absolute; bottom: 20px; left: 30px; color: #fff; }

/* Footer Less */
.v-footer-less{background: #fff; color: #000;}
.v-footer-less p { color: #000; }
.v-footer-less .v-footer-links-wrapper{margin: 0;}
.v-footer-less .v-footer-links a { color: #666; }
.v-footer-less .v-footer-copy p{ color: #999;}

.v-main-swiper { margin-top: -60px; }
.v-main-swiper .swiper-pagination-bullet { background: #ccc; opacity: 1; filter: aplha(opacity=100); width: 26px; height: 8px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.v-main-swiper .swiper-pagination-bullet-active { background: #1f8ee0; }
.v-main-swiper .swiper-container { width: 100%; height: 100%; }
.v-main-swiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.v-title-gray h2 { font-size: 32px; color: #a1abb7; padding: 60px 0; text-align: center; }

/* Index */
.v-index-customer .nav-tabs { text-align: center; margin: 50px auto; width: 80%; }
.v-index-customer .nav-tabs li { float: none; display: inline-block; }
.v-index-customer .nav-tabs li a { padding: 10px 30px; color: #666; }
.v-index-customer .nav-tabs li.active a, .v-index-customer .nav-tabs li.active a:hover, .v-index-customer .nav-tabs li.active a:focus { font-weight: bold; cursor: default; background-color: #fff; border: none; border-bottom: 1px solid #1F8EE0; }
.v-index-customer .tab-content .row { text-align: center; line-height: 0; font-size: 0; }
.v-index-customer .tab-content .col-md-3 { width: 250px; height: 160px; line-height: 160px; padding: 0; overflow: hidden; float: none; display: inline-block; }
.v-index-customer .tab-content .col-md-3.bg-grey { background: #f5f5f5; }
.v-cust-swiper { margin-top: -60px; }
.v-cust-swiper .swiper-pagination-bullet { background: #8fcbf9; opacity: 1; filter: aplha(opacity=100); width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.v-cust-swiper .swiper-pagination-bullet-active { background: #008ee2; width: 20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
.v-cust-swiper .swiper-container { width: 100%; height: 100%; }
.v-cust-swiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.v-index-customer .img-map { display: block; margin: 0 auto; }
.v-index-customer .text-center { padding: 100px 0; }

/* App */
.v-app-title { color: #333; font-size: 40px; text-align: center; padding: 50px 0; margin: 0; }
.v-app-define, .v-app-spread { background: #f2f5f7; padding-top: 60px; }
.v-app-define .info h2, .v-app-spread .info h2 { margin-top: 70px; font-size: 40px; }
.v-app-define .info p, .v-app-spread .info p { margin-top: 20px; color: #333; line-height: 30px; }
.v-app-define .steps { padding: 30px 0; }
.v-app-define .step { float: left; margin: 0 70px 0 0; }
.v-app-define .step strong { width: 110px; text-align: center; display: block; font-size: 16px; color: #1f8ee0; border: 1px dashed #1f8ee0; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.v-app-define .step span { display: block; text-align: center; }
.v-app-define p, .v-app-spread p, .v-app-teach p, .v-app-pay p, .v-app-push p, .v-app-red p, .v-app-free p, .v-app-market p { font-size: 18px; }
.v-app-structure { padding-bottom: 20px; }
.v-app-spread { padding-bottom: 20px; }
.v-app-spread .info h2 { margin-top: 20px; font-size: 40px; }
.v-app-spread table td { border: 1px solid #dedede; padding: 6px 70px; }
.v-app-spread table span { display: block; text-align: center; }
.v-app-teach { margin-bottom: 50px; }
.v-app-teach .info { font-size: 18px; margin-top: 300px; background: url('../images/icon_arrow_black.png') no-repeat 0 center; padding-left: 60px; }
.v-app-teach .info:after { content: ''; display: inline-block; position: absolute; right: 0; top: 50%; margin-top: -14px; width: 24px; height: 28px; background: url('../images/icon_arrow_black.png') no-repeat 0 0; }
.v-app-teach .right-wrapper { font-size: 18px; margin-top: 150px; }
.v-app-pay { background: #f2f5f7; }
.v-app-pay p { padding-bottom: 20px; }
.v-app-push { background: #000; color: #fff; }
.v-app-push h2 { color: #fff; }
.v-app-push p { color: #fff; }
.v-app-market { background: url('../images/app_bg_gra.png') repeat-x 0 0; padding-top: 30px; }
.v-app-market h2 { margin: 100px 0 20px 0; font-size: 40px; }
.v-app-red { padding: 90px 0; }
.v-app-red .info { margin-top: 50px; }
.v-app-free { background: #f5f5f5; }

/* Pad */
.v-pad-group{
  width:100%;
  min-wdith:1200px;
}
.bg-gray{
  background-color:#f9f9f9;
}
.v-pad-group .btn-outline{
  display:inline-block;
  width:100px;
  height:30px;
  line-height:28px;
  color:#488cfb;
  font-size:14px;
  border:1px solid #488cfb;
  text-align:center;
  border-radius:2px;
  text-decoration:none;
  transition:.5s;
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -ms-transition:.5s;
  -o-transition:.5s;
}
.v-pad-group .btn-outline:hover{
  background:#488cfb;
  color:#fff;
}
.v-pad-group .info-group h2{line-height: 50px;color:#488cfb;font-size:32px;}
.v-pad-group .info-group h3{margin:20px 0;color:#333;font-size:22px;}
.v-pad-group .info-group p{line-height: 30px;color:#999;font-size:14px; }
.v-pad-layout{
  padding:40px 0;
}
.v-pad-layout .info-group{
  padding-top:20px;
  padding-left:75px;
}
/* System */
.v-system-data { background: #fbfbfb; text-align: center; }
.v-system-mgr p,
.v-system-order p,
.v-system-diy p { font-size: 18px; }
.v-system-mgr .section { }
.v-system-mgr .section .eq1 { background: url('../images/mgr_40.png') no-repeat right bottom; }
.v-system-mgr .section .eq3 { background: url('../images/mgr_52.png') no-repeat left bottom; margin-left: 30%; padding-left: 80px; }
.v-system-mgr .section h2 { height: 36px; line-height: 36px; }
.v-system-mgr .section p { padding: 10px 50px; }
.v-system-mgr .section em { color: #fff; font-size: 16px; width: 28px; height: 28px; line-height: 28px; text-align: center; display: inline-block; background: #000; font-style: normal; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; vertical-align: middle; margin-right: 20px; margin-top: -4px; }
.v-system-order{background: #fbfbfb;}
.v-system-diy table{border: 1px solid #dedede; width: 60%; margin: 0 auto;}
.v-system-diy td{border: 1px solid #dedede; padding: 10px; position: relative;}
.v-system-diy td img{display: block; margin: 0 auto;}
.v-system-diy td p{font-size: 18px;}
.v-system-diy td span{font-size: 14px; color: #666; display: inline-block; width: 30%; text-align: left;}
.v-system-diy table table{padding: 0; border: none; width: 100%;}
.v-system-diy table table td{padding: 0; border: none;}

/* Buy */
.v-buy-box{min-height: 800px; padding: 80px 0;}
.v-buy-box .big-wrapper{border: 1px solid #ddd; text-align: center; padding: 10px 0; height: 570px; overflow: hidden; }
.v-buy-box .big-wrapper img{display: block; margin: 0 auto;}
.v-buy-box .small-wrapper{text-align: center;}
.v-buy-box .small-wrapper a{border: 1px solid #ddd; width: 120px; height: 120px; line-height: 120px; overflow: hidden; margin: 20px; display: inline-block;}
.v-buy-box .small-wrapper img{ max-width: 100%; max-height: 90%; vertical-align: middle; display: inline-block; -webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.v-buy-box .small-wrapper a:hover{border: 1px solid #ccc;}
.v-buy-box .small-wrapper a:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
.v-buy-box .info h4{font-weight: bold;}
.v-buy-box .info p{color: #999;}
.v-buy-box .info strong{color: #e4393c; font-size: 24px;}
.v-buy-box .info em{color: #fff; font-style: normal; padding: 4px; margin-left: 10px; background: #008ee2; -webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;}
.v-buy-box .result{border: 1px solid #ddd; padding: 10px;}
.v-buy-box .item{padding: 10px 0;}
.v-buy-box .item .btn{background: #fff; margin-right: 10px; margin-bottom: 10px; border-color: #ddd;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none; outline: none;}
.v-buy-box .item .btn.active{background: #fff; border-color: #008ee2;color:#008ee2;}
.v-buy-box .input-group{width: 120px;}
.v-buy-box .input-group-addon{cursor: pointer; background: #fff;}
.v-buy-box .input-group-addon:hover{cursor: pointer; background: #008ee2; border-color: #008ee2; color: #fff;}
.v-buy-box .btn-buy{padding: 8px 30px;}
.v-buy-content{padding-top: 20px;}
.v-buy-content img{max-width: 100%;}

/* About */
.v-about{
  padding-top:100px;

}
.v-about-nav{
  position:relative;
}
.v-about-nav:before{
  content:"";
  position: absolute;
  left:0;
  top:50%;
  z-index:1;
  width:100%;
  height:1px;
  overflow:hidden;
  background-color:#c0c8d5;
}
.v-about-nav .link{
  width:150px;
  height:220px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  line-height:32px;
  padding:16px;
  cursor:pointer;
}
.v-about-nav .link > span{
    color:#666;
    font-size:18px;
}
.v-about-nav .link > strong{
  display:inline-block;
  padding:20px;
  font-size:60px;
  color:#488cfb;
  font-weight:normal;
}
.v-about-nav .link.active{
  background:url('../images/about_nav_bg.jpg') no-repeat center center;
}
.v-about-nav .link.active > span,
.v-about-nav .link.active > strong{
  color:#fff;
}

.v-about-nav .link.active > .i-circle{
  background-color:#488cfb;
}
.v-about-nav .i-house,
.v-about-nav .i-crown,
.v-about-nav .i-user{
  display: inline-block;
  width:40px;
  height:40px;
  background:url('../images/about_nav_icon.png') no-repeat 0 0;
}
.v-about-nav .i-house{
  background-position:0 0;
}
.v-about-nav .i-crown{
  background-position:-40px 0;
}
.v-about-nav .i-user{
  background-position:-80px 0;

}
.v-about-nav .i-circle{
  position:relative;
  z-index:2;
  display:inline-block;
  width:20px;
  height:20px;
  border-radius:50%;
  border:1px solid #c0c8d5;
  background-color:#fff;
}

.v-about-nav .link.active .i-house{
  background-position:0 -40px;
}
.v-about-nav .link.active .i-crown{
  background-position:-40px -40px;
}
.v-about-nav .link.active .i-user{
  background-position:-80px -40px;
}

.v-about .swiper-slide img{
  margin:15px auto 15px auto;
}
.v-about .swiper-container{
  margin:30px 15px;
}
.v-about .swiper-pagination{
  bottom:0 !important;
}

.v-about .map-title{
  margin:0;
  padding-bottom:30px;
  font-size:24px;
  text-align:center;
  color:#333;
}
.v-about .addr-info{
  padding-top:24px;
  font-size:14px;
  color:#333;

}
.v-about .ewm-show{
    float:right;
}
@media (max-width: 767px){
  .v-about .ewm-show{
    float:none;
  }
  .v-about .ewm-wrap{
    width:100%;
  }

}

/* Login */
.v-login-box{background: #0a90e2; padding-top: 50px;}
.v-login-box .container{background: url('../images/login_bg.png') no-repeat 0 bottom; min-height: 500px;}
.v-login-box .box{background: #fff; width: 348px; padding: 20px; margin: 60px;}
.v-login-box h4{font-size: 14px; color: #666; margin-bottom: 20px;}
.v-login-box .form-group{margin: 0;}
.v-login-box .form-group .form-control{height: 40px; -webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
.v-login-box .input-group{padding-bottom: 20px;}
.v-login-box .input-group-addon{background: #fff;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
.v-login-box .input-group-addon i{width: 16px; height: 16px; display: inline-block; background: url('../images/sprites.png') no-repeat;}
.v-login-box .user i{background-position: 0 0;}
.v-login-box .pwd i{background-position: -17px 0;}
.v-login-box .checkbox-inline{padding-left: 0;}
.v-login-box .ope a{color: #999;}
.v-login-box .btn-block{background: #0a90e2; color: #fff; margin: 20px 0;}
.v-login-box .error{font-size: 12px; color: #ff8463;}

.v-body-grey{background: #f2f2f2;}
.v-body-grey .v-footer-less{background: #f2f2f2;}

/* Register */
.v-form-box .tip-info{text-align: center; color: #1F8EE0;}
.v-form-box .tip-info .glyphicon{ width: 100px; height: 100px; line-height: 100px; -webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%; background: #1F8EE0; color: #fff; display: block; font-size: 40px; margin: 40px auto; text-align: center;}
.v-form-box .tip-info .tip-font{color: #1F8EE0; text-align: center;}
.v-form-box .tip-info.p-error{padding-top: 140px;}
.v-form-box .tip-info.p-error a{color: #1F8EE0; margin: 0 10px;}
.v-form-box .container{background: #fff;}
.v-form-box .box{max-width: 800px;min-height: 700px; margin: 0 auto; padding: 20px 30px 30px 50px;}
.v-form-box h4{padding:10px 0 50px 0;}
.v-form-box h4 a{color: #666; font-size: 14px;}
.v-form-box .form-group{margin: 0; margin-bottom: 20px;}
.v-form-box .input-group{}
.v-form-box .control-label{color: #333;}
.v-form-box .form-control{height: 40px; -webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow: none;}
.v-form-box .form-control:focus{border-color: #ccc;}
.v-form-box .input-group-addon{background: #fff; border-left: 0; -webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
.v-form-box .input-group-addon i{width: 16px; height: 16px; display: inline-block; background: url('../images/sprites.png') no-repeat;}
.v-form-box .user i{background-position: 0 0;}
.v-form-box .pwd i{background-position: -17px 0;}
.v-form-box .school i{background-position: -35px 0;}
.v-form-box .address i{background-position: -54px 0;}
.v-form-box .realName i{background-position: -70px 0;}
.v-form-box .contact i{background-position: -89px 0;}
.v-form-box .btn-block{background: #0a90e2; color: #fff; margin: 20px 0; padding: 8px;}
.v-form-box em,
.v-form-box .error span{font-size: 12px; color: #ff8463;}
.v-form-box em{margin-right: 10px;}
.v-form-box .code .form-control{width: 120px; display: inline-block;}
.v-form-box .code img{max-width: 130px; height: auto;}

/* Main Banner */
.v-main-bg{position: relative; min-height: 300px;background-color:#dce6f5;}
.btn-banner{width: 180px; height: 48px; line-height: 48px; text-align: center;letter-spacing: 4px; font-weight: bold; font-size: 16px; background: #488cfb; color:#fff; border: 1px solid #488cfb; text-decoration:none;
  animation:doScale 1s ease-in 0s infinite alternate;
  -webkit-animation:doScale 1s ease-in 0s infinite alternate;
  -moz-animation:doScale 1s ease-in 0s infinite alternate;
  -ms-animation:doScale 1s ease-in 0s infinite alternate;
  -o-animation:doScale 1s ease-in 0s infinite alternate;
}
@keyframes doScale {
  from{
    transform:scale(.9);
  }
  to{
    transform:scale(1);
  }
}
@-webkit-keyframes doScale {
  from{
    -webkit-transform:scale(.9);
  }
  to{
    -webkit-transform:scale(1);
  }
}
@-moz-keyframes doScale {
  from{
    -moz-transform:scale(.9);
  }
  to{
    -moz-transform:scale(1);
  }
}
@-ms-keyframes doScale {
  from{
    -ms-transform:scale(.9);
  }
  to{
    -ms-transform:scale(1);
  }
}
@-o-keyframes doScale {
  from{
    -o-transform:scale(.9);
  }
  to{
    -o-transform:scale(1);
  }
}
.btn-banner:hover{color:#fff;text-decoration:none;background-color:#317bf2;}
/* Center */
.v-center-box{padding: 40px 0; margin-top: 50px;}
.v-center-box .container{position: relative; min-height: 700px;}
.v-center-box .container .col-md-2{position: absolute; height: 100%; padding: 0; background: #fafafa;}
.v-center-box .container .col-md-10{position: absolute; height: 100%; left: -webkit-calc(+20px); left: -moz-calc(+20px); left: calc(+20px); border: 1px solid #e6e6e6;}
.v-center-menu ul{margin: 0; padding: 0;}
.v-center-menu li{list-style: none;}
.v-center-menu a{font-size: 14px; color: #666; display: block; padding: 6px 0 6px 20px; margin: 18px 0; text-align: left;}
.v-center-menu li.active a{border-left: 2px solid #008ee2;}
.v-center-menu i{background: url('../images/sprites.png') no-repeat; width: 14px; height: 16px; vertical-align: middle; margin-right: 10px; display: inline-block;}
.v-center-menu .info i{background-position: -1px -50px;}
.v-center-menu .order i{background-position: -17px -50px;}
.v-center-menu .safe i{background-position: -34px -50px;}
.v-center-menu-min{display: none; position: fixed; right: 10px; bottom: 20px; z-index: 88;}
.v-center-menu-min a{width: 60px; height: 60px; margin-top: 10px; display: block; background-size: 100% 100%; background-position:center center; background-attachment: no-repeat;}
.v-center-menu-min .info{background-image: url('../images/center_icon_3.png');}
.v-center-menu-min .order{background-image: url('../images/center_icon_2.png');}
.v-center-menu-min .safe{background-image: url('../images/center_icon_1.png');}
.v-center-menu-min .toggle.status-open{background-image: url('../images/center_icon_open.png');}
.v-center-menu-min .toggle.status-close{background-image: url('../images/center_icon_close.png');}
.v-center-content h4{border-bottom: 1px solid #e6e6e6; padding: 4px 0 10px 10px;}
.v-center-content .center-form{padding: 40px 0;}
.v-center-content .center-form .control-label{font-size: 14px; color: #666;}
.v-center-content .center-form .form-group{padding: 10px 0;}
.v-center-content .center-form .btn-block{ width: 120px; margin-left: 20px; font-size: 14px; color: #fff; background: #0089da;}
.v-center-content .center-form .error{color: red; font-size: 12px; height: 34px; line-height: 34px; display: inline-block;}
.v-center-content .center-form .radio-inline{padding-left: 0; padding-right: 10px;}
.v-center-content .security-form{padding: 40px 0;}
.v-center-content .security-form .form-control{height: 40px;border: 0; -webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0; -webkit-box-shadow: none;  -moz-box-shadow: none; -o-box-shadow: none;  box-shadow: none;}
.v-center-content .security-form .input-group{border-bottom: 1px solid #c0c0c0;}
.v-center-content .security-form .input-group-addon{background: #fff;border: 0; -webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;}
.v-center-content .security-form i{width: 16px; height: 16px; display: inline-block; background: url('../images/sprites.png') no-repeat;background-position: -17px 0;}
.v-center-content .security-form .btn-block{font-size: 14px; color: #fff; background: #0089da;}
.v-center-content .security-form .error{color: red; font-size: 12px; height: 34px; line-height: 34px; overflow: hidden; display: block;}
.v-center-content .order-table{overflow: auto; margin-bottom: 20px;}
.v-center-content .order-table table{min-width: 600px; overflow: auto; border: 1px solid #f5f5f5; margin-bottom: 0;}
.v-center-content .order-table th{background: #f5f5f5;border: none; text-align: center; padding-top: 10px; padding-bottom: 12px;}
.v-center-content .order-table td{text-align: center; border-color: #f5f5f5; padding-top: 10px; padding-bottom: 12px;}
.v-center-content .order-table tr:hover{background: #f5f5f5;}
.v-center-content .order-table-tip{color: #666; font-size: 12px;}
.v-center-content .order-pagination{}
.v-center-content .pagination-info{position: relative; top: 26px;}
.v-center-content .pagination-info em{font-style: normal; color: #008ee2;}
.v-center-content .pagination>li>a,.v-center-content .pagination>li>span{margin: 0 2px;}

.v-download{padding-top: 60px;}
.v-download .wrapper{padding: 30px 0;}
.v-download .wrapper .order-pagination{padding-top: 50px;}
.v-download .list-wrapper .link{
  color:#666;
}
.v-download .list-wrapper li{padding: 14px 0; border-bottom: 1px solid #c0c8d5;list-style:none;}
.v-download .list-wrapper li:before{
  content:"";
  position: relative;
  top:-1px;
  margin-right:4px;
  display:inline-block;
  vertical-align:middle;
  width:8px;
  height:8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color:#666;
}
.v-download .list-wrapper .download{color: #fff; background: #22b653; padding: 2px 4px; -webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;}
.v-download .list-wrapper .time{color: #bbb;}

/* Media CSS */
@media (max-width:992px) {
  .v-system-diy table{width: 80%;}
  .v-login-box .col-md-6{position: relative;}
  .v-login-box .box{position: absolute; left: 50%; margin-left: -174px; max-width: 100%;} 
  
  .v-center-box .container .col-md-2{ background: transparent;}
  .v-center-box .container .col-md-10{left: 0; border: none; width: 100%;}
  .v-center-content h4{border:none; text-align: center;}
  .v-center-menu{display: none;}
  .v-center-menu-min{display: block;}
  .v-center-content .center-form .btn-block{width: 100%; margin-left: 0;}
  .v-form-box .tip-info.p-error{padding-top: 20px;}
  .v-form-box .box{min-height: 400px;}
}

@media (max-width:768px) {
  #toTop { right: 0; bottom: 0; }
  .v-main-swiper .swiper-slide { position: relative; width: 100%; height: 300px; overflow: hidden; }

  /* 1920/800  scale: 2.4  */
  .v-main-swiper .swiper-slide img { position: absolute; border: none; left: 50%; top: 0; margin-left: -360px; width: 720px; max-width: 720px; height: 300px; }
  .v-title-gray h2 { padding: 20px 0; }
  .v-main-bg { position: relative; height: 300px; overflow: hidden; }
  .v-main-bg img { position: absolute; border: none; left: 50%; top: 0; margin-left: -360px; width: 720px; max-width: 720px; height: 300px; }
  .v-app-teach .info { margin-top: 70px; }
  .v-app-teach .right-wrapper { margin-top: 70px; }
  .v-system-diy table{width: 90%;}
  .btn-banner{left: 10px; width: 140px;}
  .btn-banner.btn-bug{margin-left: 140px;}

  .v-center-box .container{min-height: 420px;}
  .v-center-content .order-pagination .col-md-8{width: 100%; text-align: center;}
  .v-center-content .order-pagination .col-md-4{width: 100%; text-align: center;}
  .v-center-content .order-pagination .container-fluid,
  .v-center-content .order-pagination .col-md-8{padding: 0;}
  .v-center-content .center-form .form-group{padding: 0;}

  .v-title-gray h2{font-size: 22px; padding: 10px 0;}
  .v-index-customer .nav-tabs{margin: 20px 0;}
  .navbar-brand{background-size: auto 70%; background-position: 0 center;}

  .v-app-define .info h2, .v-app-spread .info h2{font-size: 30px; margin-top: 40px;}
  .v-app-title{font-size: 30px; padding: 30px 0;}
  .v-app-market h2{font-size: 30px;}
  .v-system-mgr .section .eq3{margin-left: 0;}
  .v-about-us{padding: 15px 0;}
  .v-about-intr{padding: 20px 0;}
  .v-buy-box{padding: 10px 0;}
  .v-buy-box .big-wrapper{ height: 300px; }
}
@media (max-width:480px) {
  .v-app-spread table td { padding: 6px 30px; }
  .v-footer-links-wrapper { margin: 0; }
  .v-footer-contact { position: relative; width: 100%; height: 100px; }
  .v-system-diy table{width: 100%;}
  .v-register-box .box{padding: 0;}

  .v-form-box .box{padding: 20px 0 30px 0;}
}
@media (max-width:380px) {
  .v-login-box .box{ width: 98%; position: absolute; left: 1%;  margin-left: 0; }
}

/*问答列表媒体对象*/
.media-info{
  width:100%;
}
.media-info .i-wenhao,
.media-info .i-talk{
  display:inline-block;
  width:24px;
  height:24px;
  vertical-align:middle;
  margin-right:20px;
}
.media-info .i-wenhao{
  background:url('../images/icon_wenhao.png') no-repeat center center;
}
.media-info .i-talk{
  background:url('../images/icon_talk.png') no-repeat center center;
}
.media-info .mi-title{
  width:100%;
  height:66px;
  padding:0 20px;
  line-height:66px;
  font-size:18px;
  color:#488cfb;
  word-spacing:keep-all; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;
}
.media-info .mi-text{
  width:100%;
  padding:14px 20px;
  line-height:30px;
  font-size:16px;
  color:#666;


}
.media-info .mi-text .i-talk{
  float: left;
  margin-top:4px;
}
.media-info .mi-text .info{
  overflow:hidden;
  margin-bottom:0;
}