@charset "utf-8";
/* CSS Document */

html{font-size:14px}
body{color:#363636; background-color:#eeeeee;font-family:"微软雅黑",Arial, Helvetica, sans-serif, "宋体", "黑体";}
html, body, div, span, h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt,dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td,ul,li,p,a{ margin: 0; padding: 0; }
b, strong, h1, h2,h3,h4,h5{font-weight:normal;}
ul,li{ list-style-type:none;}
a{ text-decoration:none;}
a:link,a:visited{text-decoration:none;color:#010101;hide-focus: expression(this.hideFocus=true);outline: none;}
.overhide{overflow:hidden;text-indent:-100em; }
.clear {clear: both;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix{zoom:1}  /*解决ie问题 利用zoom 保持原始大小*/
img { max-width: ; border:0; }
html { width:100%;}
input {font-family:Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Tohoma, Arial;hide-focus: expression(this.hideFocus=true);outline: none;}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }
textarea{font-family:Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Tohoma, Arial;hide-focus: expression(this.hideFocus=true);outline: none;}
strong{font-weight:normal;}

#wrap{ width:100%; height:auto; min-width:1210px; margin:auto;}

#top{ height:37px; line-height:37px; background-color:#0176ac; text-align:center;vertical-align:super; }
#top a{color:#fff; height:37px;}
#top_btn{ float:right; width:112px; height:29px; line-height:29px; margin-right:50px; margin-top:4px; border-radius:13px; background-color:#00d78e; text-align:center; }
#top_btn a{ color:#fff; background:none;}
#top2{ height:106px; background-color:#008ed0;}
.logo{ float:left; width:230px; height:106px; margin-left:50px;}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
.nva{ float:right; margin-top:30px; text-align:right; font-size:18px; color:#fff;}
.nva a{ margin-right:20px; color:#fff;line-height: 50px;padding: 0 10px;display: inline-block; animation-name: fadeInDown;animation-duration: 1s;animation-fill-mode: both;}
.nva a:nth-child(2){ animation-delay:0.1s;}
.nva a:nth-child(3){ animation-delay:0.2s;}
.nva a:nth-child(4){ animation-delay:0.3s;}
.nva a:nth-child(5){ animation-delay:0.4s;}
.nva a:nth-child(6){ animation-delay:0.5s;}
.nva a:nth-child(7){ animation-delay:0.6s;}
.nva a:nth-child(8){ animation-delay:0.7s;}
.banner{ width:100%; height:460px;}

/*登录框*/
.yy{ width:100%;  min-width:1220px; height:6px; position:absolute; z-index:101; top:0px; left:0px; background: url(yy.png) repeat-x;}
.drk{ width:354px;position:absolute; z-index:100; left:50%;  margin-left:248px; top:43px; background:#c6cfdb;border-radius:5px; overflow:hidden;}
.drk2{padding:18px;}
.drk_title{ height:30px; font-size:21px; line-height:30px; color:#4d4d4d;}
.yhmmm{ border:1px solid #aeaead; border-radius:5px; margin:auto; background-color:#fff; overflow:hidden;margin-top:6px;}
.yhm{ width:267px; height:48px; line-height:48px;border-bottom:1px solid #b0b0af; background:url(bj_yhm.png) 17px no-repeat; padding-left:50px;}
.imp{ width:267px; height:43px; border:0px; line-height:43px; font-size:14px; outline:none;margin-top:1px;}
.mm{ width:267px; height:48px; background:url(bj_mm.png) 18px no-repeat; padding-left:50px;border-radius:0px 0px 5px 5px;}
.zddr{ height:25px; line-height:25px; padding:10px 0;}
.zddr span{ float:right; color:#8e8d8d;}
.zddr a{color:#8e8d8d;}
.zddr a:hover{ color:#00A0E9;}
.yjdr{ height:47px; line-height:47px; border-bottom:1px dashed #acacac; color:#414141;}


.drbtn{ width:318px; height:42px; line-height:42px; background-color:#00a0e9; color:#fff; font-size:16px; text-align:center;border:0px; border-radius:5px; transition:0.3s all ease-in-out;}
.drbtn:hover{background:#fff;color:#00a0e9;}
.zc{ background-color:#00d7ac;margin-top:15px;}
.zc a{ display:block; width:100%; height:100%; color:#fff;}
.zc:hover{ background-color:#fff;}
.zc:hover a{color:#00d7ac;}
.bg{ background-color:#fff;}
.tit{ height:57px; text-align:center; line-height:57px; border-bottom:1px solid #d6d6d6; font-size:28px; color:#2e2e2e;}
.tit2{ height:57px; text-align:center; line-height:57px;font-size:28px; color:#fff;}
.tsgn{ width:1210px; height:592px; margin:0px auto;}
.tsgn ul{ list-style:none;}
.tsgn ul li{ float:left; width:310px; height:255px; margin:35px 46px 0;}
.tsgn ul li em{ height:135px; padding-left:90px;}
.tsgn ul li em img{transition:0.3s all ease-in-out;}
.tsgn ul li:hover em img{ transform:translateY(-5px);}
.tsgn ul li h3{ height:35px; line-height:35px; font-size:22px; text-align:center;transition:0.3s all ease-in-out;}
.tsgn ul li p{ line-height:22px; color:#8d8d8d;transition:0.3s all ease-in-out;}
.tsgn ul li:hover h3{ color:#0062AD;}
.tsgn ul li:hover p{ color:#00A0E9;}
.tou{ height:70px; background:url(tou_bj.gif) center top  no-repeat;}

.lanrenzhijia{width:1212px;margin:10px auto 0 auto;overflow:hidden;}
.lanrenzhijia ul{width:1212px;}
.lanrenzhijia ul li{float:left;width:368px;height:357px; padding:8px; margin:10px;display:inline;overflow:hidden;position:relative; background-color:#fff;transition:0.3s all ease-in-out;}
.lanrenzhijia ul li:hover{ transform:translateY(-5px); box-shadow:0 0 20px #999;}
.lanrenzhijia ul li .photo{width:368px;height:236px;overflow:hidden;}
.lanrenzhijia .text{position:absolute;width:177px;height:208px;left:-187px;top:0px;overflow:hidden; margin:20px 8px 0; background:#fff;}
.lanrenzhijia .text h3{width:177px;height:177px;}
.lanrenzhijia .text h3 img{width:177px;height:177px;}
.lanrenzhijia .text a{text-decoration:none}
.lanrenzhijia .text div{text-align:center;font-size:14px;}
.anli_txt{ width:368px; height:120px;}
.anli_txt1{ height:50px; line-height:49px;}
.anli_txt1_left{ width:47px; float:left;}
.anli_txt1_right{ width:310px; float:left; border-bottom:1px solid #d9d9d9; color:#1c1b1b;}
.anli_txt1_right span{ float:right; color:#5f5f5f;}
.anli_txt1_right strong{ font-weight:bold;}
.anli_txt2{ height:50px; line-height:22px; padding:10px 0;}
.anli_txt2_right{ width:310px; float:left; color:#5f5f5f;}
.more_btn{ width:172px; height:40px; line-height:40px; font-size:16px; background-color:#008ed0; line-height:40px; text-align:center; border-radius:30px; margin:20px auto; color:#fff; transition:0.3s all ease-in-out;}
.more_btn a{ color:#fff;display: block;width: 100%;height: 100%;transition:0.3s all ease-in-out;}
.more_btn:hover{ background:#fff;}
.more_btn:hover a{color:#008ed0;}
.more_btn:hover .gd:after{border:1px solid #008ed0;border-width:0 1px 1px 0px ; }
.gd:after{content: "";display:inline-block;width:15px;height:15px;border:1px solid #fff;border-width:0 1px 1px 0px ; margin-left:10px; vertical-align:middle; margin-top:-12px;-webkit-transform:rotate(45deg);}
.yc:after{content: "";display:inline-block;width:15px;height:15px;border:1px solid #fff;border-width:1px 0px 0px 1px ; margin-left:10px; vertical-align:middle; margin-top:5px;-webkit-transform:rotate(45deg);}
.more_btn:hover .yc:after{border:1px solid #008ed0;border-width:1px 0px 0px 1px ;  }


.anli{ width:1194px; height:auto; overflow: hidden; background:#fff; padding:10px 0px; margin:20px auto;}
.anli ul{ list-style:none;}
.anli ul li{ float:left; width:99px; height:110px; margin:21px 10px; position:relative;}
.anli ul li em{ width:65px; height:65px; border:1px solid #a3a3a3; padding:5px; background:#fff; border-radius:40px; display:block; margin:auto;}
.anli ul li em img{ width:65px; height:65px; border-radius:40px;}
.anli ul li h4{ text-align:center; height:20px; line-height:20px; color:#5f5f5f; margin-top:10px;-o-text-overflow: ellipsis;text-overflow: ellipsis;  overflow: hidden;white-space: nowrap;}


#news{ height:540px; width:1210px; margin:auto; padding-top:30px;}
#news ul{ list-style:none; background:url(news_sx.gif) center repeat-y;}
#news ul li{ height:57px; padding-bottom:50px;}
.news_li{ float:left; width:54px; height:54px; margin-top:1px; }
.news_li img,.news_li2 img{transition:0.3s all ease-in-out;}
#news ul li:hover .news_li img,#news ul li:hover .news_li2 img{ transform:rotate(360deg);}
.news_txt{ float:left; width:470px; padding-left:10px; height:57px;}
.news_txt h2{ font-size:16px; margin-top:8px;-o-text-overflow:clip;text-overflow:clip;  overflow: hidden;white-space: nowrap;}
.news_txt p{ font-size:12px; margin-top:5px;-o-text-overflow: clip;text-overflow: clip;  overflow: hidden;white-space: nowrap;}
.news_img{ float:left; width:83px; height:57px;padding-left:12px; }
.news_li2{ float:right; width:54px; height:54px; margin-top:1px;}
.news_txt2{ float:right; width:474px; padding-right:10px; height:57px;}
.news_txt2 h2{ font-size:16px; margin-top:8px; text-align:right;-o-text-overflow:clip;text-overflow:ellipsis;  overflow: hidden;white-space: nowrap;}
.news_txt2 p{ font-size:12px; margin-top:5px; text-align:right;-o-text-overflow:clip;text-overflow:ellipsis;  overflow: hidden;white-space: nowrap;}
.news_img2{ float:right; width:83px; height:57px;padding-right:12px; }
.news_left{ padding-left:577px;}
.news_right{ padding-right:575px;}
.more_btn2{ width:172px; height:40px; line-height:40px; font-size:18px; background-color:#a7a7a7; line-height:40px; text-align:center; border-radius:30px; margin:20px auto; transition:0.3s all ease-in-out;}
.more_btn2 a{ color:#fff;transition:0.3s all ease-in-out;}
.more_btn2:hover{ background:#fff;}
.more_btn2:hover a{ color:#a7a7a7;}


.ls{ background:#008ed0;}
.yqlx{ width:1210px; font-size:12px; line-height:22px; margin:auto; padding-top:15px; padding-bottom:45px;}
.yqlx a{ padding-right:10px; color:#fff;}
.bq{ padding-top:35px; line-height:22px; color:#9adfff; text-align:center; font-size:12px; padding-bottom:32px; background:#008ed0;}

.pfk{ width:125px; height:291px; position:fixed; top:150px; right:20px; z-index:100;}
.pfk img{ display:block;}




.section{width:1200px;margin:0 auto}
.cases-area .case-item.case-item-third{margin-right:0}
.cases-area .cases-more-btn{display:block;width:100px;padding:8px;margin:0 auto;background-color:#f60;color:#fff;text-align:center;border-radius:2px;cursor:pointer}
.cases-area .cases-addition{display:none;background-color:#fff;margin-bottom:20px;}
.cases-area .cases-addtion-item{position:relative;width:12.5%;float:left;margin:20px 0;text-align:center}
.cases-area .cases-addtion-icon{width:68px;height:68px;padding:5px;background-color:#fff;border-radius:50%}
.cases-area .cases-addition-qrcode-wrap{position:absolute; width:200px;left:50%;top:50px;margin-left:-100px;z-index:100;background-color:#fff;-webkit-box-shadow:0 1px 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 1px 2px rgba(0,0,0,0.1)}
.cases-area .cases-addtion-name{padding-top:5px}
.cases-area .case-item-qrcode{width:200px;height:200px}
/* 回到顶部 */
 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:15px;
	bottom:-200px;
	_bottom:auto;
	width:36px;
	height:65px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(Top.png);
	_background-image:url(Top.png);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}
#returnTop:hover {
	background-position:0 -65px;
}



/*新闻*/

#newss{width:1210px; height:auto; overflow:hidden;margin:auto; padding-top:51px;}
#newss div{ float:left;opacity:1;visibility:hidden;width:347px; height:440px; padding:10px; margin:0px 17px 34px;visibility: visible; display:inline;}
.active div.mode{-webkit-transition:all .8s ease-in;-moz-transition:all  .8s ease-in-out;-o-transition:all .5s ease-in;transition:all  .5s ease-in;}
.mode{background:#fff;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out}
.newss_img{ width:347px; height:250px;}
.mode h4{ width:347px; height:50px; line-height:25px; font-size:16px; margin-top:15px; color:#2f2f2f;}
.mode font{ font-size:14px; float:right;color:#aaaaaa;}
.mode span{ height:100px; font-size:14px; line-height:22px; margin-top:15px; color:#aaaaaa; display:block;}
.mode:hover{background:#00B6E0;}
.mode:hover h4{ color:#fff;}
.mode:hover span{ color:#fff;}
.mode:hover font{ color:#fff;}

.popup_in,.popup_close{animation-duration:.5s;animation-delay:.1s;animation-timing-function:ease-out;animation-fill-mode:both;-webkit-animation-duration:.8s;-webkit-animation-delay:.1s;-webkit-animation-timing-function:ease-out;-webkit-animation-fill-mode:both;-moz-animation-duration:.5s;-moz-animation-delay:.2s;-moz-animation-timing-function:ease-out;-moz-animation-fill-mode:both;-moz-backface-visibility:hidden;-ms-animation-duration:.5s;-ms-animation-delay:.1s;-ms-animation-timing-function:ease-out;-ms-animation-fill-mode:both}
.popup_in{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-ms-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}.popup_close{visibility:hidden}

@-webkit-keyframes fadeInUp{0%{margin-top:-25px;}100%{margin-top:0}}@-moz-keyframes fadeInUp{}@-ms-keyframes fadeInUp{0%{opacity:0;-ms-transform:translateY(-20px)}100%{opacity:1;-ms-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0}100%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;visibility:hidden;-webkit-transform:translateY(-20px)}}



/*新闻内页*/
#newss_xx{width:1210px; height:auto;margin:auto; padding:0px 0px 59px;}
#newss_xx_title{ font-size:14px; text-align:center; color:#aaaaaa;}
#newss_xx_title h1{font-size:22px; color:#2f2f2f; line-height:40px; font-weight:bold;}
#newss_xx_con{ background:#fff; min-height:500px; height:auto !important; padding:20px 15px; line-height:25px; font-size:14px; margin-top:25px;}
.fy{ height:37px; margin-top:30px; margin-bottom:15px;}
.fy span{ float:right; margin-left:10px;}





/***商家入驻***/
html,body{ height:100%;}
input,button,select{font-family:"微软雅黑"; border:0; outline: 0;}
.fl{float:left;}
.fr{float:right;}
.hidd{overflow:hidden;}
.red {color: red;}
.bg_hui{background:#ebeef2}
/*头部样式*/
.apply_top{padding-top:5px;height:50px;line-height:50px;color:#fff;}
.apply_top b{font-style:normal;padding:0 8px;}
.apply_top .logo{float:left; width:auto; padding-left:30px; line-height:106px; font-size:16px;}
.apply_top a{color:#fff;}
.top_link{ padding-top:25px; padding-right:20px;}
.top_link a{padding:0 8px;}
.apply_home{width:1280px;padding:50px 0;margin:auto;color:#fff;}
.apply_home h1{text-align:center;font-size:36px;font-weight:normal;}
.apply_btn{width:200px;height:70px;margin:auto;border-radius:5px;background:#008ed0;color:#fff;font-size:30px;text-align:center;line-height:70px;}
.apply_btn a{color:#fff;}
.header_w{width:1100px;margin:auto;}
.nums {width: 748px;height: 230px;margin: 50px auto;}
.nums li {list-style:none;position: relative;width: 214px;height: 230px;border: 1px solid #fff;background: rgba(0,0,0,.6);text-align: center;float: left;}
.horsemans, .orders, .users {margin: 60px 0 10px;font-size: 18px;font-weight: 100;color: #fff;}
.horseman-num, .order-num, .user-num {font-size: 38px;color: #fff;}
.horseman-num span, .order-num span, .user-num span {font-size: 48px;color: #fff;}
.common-head {height:106px;padding:0px 20px;background: #008ed0;}
.common-head .logo{ width:auto;}
.common-head .logo img{float:left;}
.common-head .logo span{float:left;display:block;height:35px;margin:37px 0 0 20px;padding-left:15px;border-left:1px solid #66c8ff;line-height:35px;font-size:18px;color:#fff;}
.common-head .link a{padding:0 10px;color:#fff;}
.common-head .link{padding-top:42px;}
/*======头部样式=======*/



.unitive-signup-phone {width: 320px;margin: 0 auto;padding:76px 30px 30px;color: #333;}
.phone_header {margin-bottom: 30px;font-size:24px;text-align:center;}
.phone_field {position: relative;margin-bottom: 30px;}
.phone_input {padding: 16px 42px 16px 20px;border: 1px solid #ececec;width: 100%;color: #333;outline: 0;-moz-box-sizing: border-box;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size: 14px;line-height: 1;box-sizing: border-box; border-radius:3px;}
.phone_input:focus {outline:none;border: 1px solid #008ed0;}
.phone_submit {width: 100%;}
.unitive-signup-phone .footer {padding-top: 10px;font-size: 12px;}
.phone_field .footer a{color:#008ed0;}
.phone_img{width:200px;}
.img_yanzhengma{position:absolute;top:0;right:0;width:105px;height:54px;}
.img_yanzhengma img{width:105px;height:50px; margin-top:2px;}

.main-container {width: 1100px;margin: 0 auto;background-color: #fff;}
.b_tit {height: 24px;line-height: 24px;padding: 30px 0;text-align: center;font-size: 18px;color: #6a6a6a;}
.lists, .lists ul {width: 903px;overflow:hidden;}
.lists {margin: 0 auto;border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.lists li {float: left;width:260px;height: 235px;padding: 15px 20px;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;overflow: hidden;}
.lists li .info-container {position: relative;width: 260px;height: 204px;overflow: hidden;}
.lists li .infos, .lists li img {width: 100%;height: 100%;}
.lists li .infos {position: absolute;top: 160px;left: 0;transition: all .2s ease-in;}
.lists li:hover .infos{top:0;}
.lists li .info-text {position: absolute;padding: 8px 20px;line-height: 32px;color: #fff;z-index: 5;font-size: 12px;}
.lists li .info-text span {font-size: 14px;}
.mask-box {position: inherit;width: 100%;height: 100%;background-color: #000;opacity: .7;}
.a-btn_m {width:100%;border:0;font-size: 17px;line-height: 24px;padding: 15px 15px; border-radius:3px;}
.a-btn_primary {color: #fff !important;border-color: #008ed0 !important;background-color: #008ed0 !important;}
.a-btns {width: 300px;margin:auto;padding:40px 0;}
.a-btn {display: inline-block;margin-bottom: 0;font-weight: 400;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.a-btn-default {color: #008ed0;background-color: #fff;border-color: #008ed0;}
.a-btn-primary {color: #fff;background-color: #008ed0;border-color: #008ed0;}

.navbar {border-bottom: 1px solid #e5e5e5;padding: 30px 0 30px 48px;}
.wizard-steps{overflow:hidden;}
.wizard-steps li {width:240px;display: inline-block;position: relative;float: left;padding: 0 14px 0 0;color: #4a4a4a;}
.wizard-steps li a {color: #d2d7da;}
.wizard-steps li .caption, .wizard-steps li .step {display: inline-block;height: 24px;line-height: 24px;vertical-align: top;}
.wizard-steps li .step {width: 24px;margin-right: 10px;text-align: center;background-color: #d2d7da;color: #fff;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;}
.wizard-steps li .caption {position:relative;width: 204px;font-size:14px;}
.wizard-steps li .caption:after {content: "";right: 0;top: 50%;position: absolute;display: block;width: 136px;z-index: 1;color: #d2d2d2;border-bottom: 1px dashed #d2d2d2;}
.wizard-steps li.finish, .wizard-steps li.finish .caption {color: #008ed0;}
.wizard-steps li.finish .step{background:#008ed0;}
.wizard-steps li.finish .caption:after{border-bottom: 1px solid #008ed0;}
.wizard-steps li.finish.active, .wizard-steps li.finish.active .caption {color: #088cd6;}
.wizard-steps li.finish.active .step{background:#088cd6;}
.wizard-steps li.finish.active .caption:after{border-bottom: 1px solid #088cd6;}

#base-page {padding: 20px 0 30px;}
.main-container .stepPage {position: relative;}
.padd_right{padding-right:13px;}
.form-group {margin-bottom: 20px;overflow:hidden;}
.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {float:left;}
.col-sm-2 {width: 16.66666667%;}
.col-sm-3 {width: 25%;}
.col-sm-4 {width: 33.33333333%;}
.col-sm-5 {width: 41.66666667%;}
.col-sm-6 {width: 50%;}
.col-sm-8 {width: 66.66666667%;}
.col-sm-7 {width: 58.33333333%;}
.col-sm-9 {width: 75%;}
.form-horizontal .control-label {text-align: right;margin-bottom: 0;padding-top: 7px;position: relative;padding-left: 10px;padding-right: 20px;}
.form-horizontal .control-label em{padding:0 5px;font-style:normal;}
.form-control, output {display: block;font-size: 14px;line-height: 1.42857143;color: #2a2a2a;}
.form-control {width: 100%;height: 32px;padding: 1px 12px;background-color: #fff;background-image: none;border: 1px solid #d2d2d2;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;}
select.form-control{ height:36px;}

.form-horizontal .radio {width: 100%;padding-top:7px;}
.checkbox label, .radio label {display:block;min-height: 20px;margin-bottom:15px;font-weight: 400;cursor: pointer; position:relative;}
.form-horizontal input[type=radio] {opacity: 0;position: absolute;top: 50%;width: 14px;height: 14px;margin-top: -7px;z-index: 2;cursor: pointer;}
.form-horizontal input[type=radio]+.custom-radio {content: "";display: inline-block;position: relative;border: 1px solid #a0a0a0;text-align: center;width: 14px;height: 14px;vertical-align: middle;margin: -3px 2px auto auto;background-color: #fff; border-radius:100%;}
.form-horizontal input[type=radio]:checked+.custom-radio {border-color: #008ed0;background-color: #008ed0;}
.form-horizontal input[type=radio]:checked+.custom-radio:before {content: "";position: absolute;display: block;width: 8px;height: 8px;top: 3px;left: 3px;background-color: #fff;border-radius:100%;}
.img-panel {padding: 15px;border: 1px solid #e5e5e5;border-radius: 4px;}
.img-panel ul { padding-left:15px;}
.img-panel ul li{list-style-type: disc;}
.imgupload {display:block; margin:auto;width: 160px;height: 120px;background-image: url("imgupload_bg.png");background-size: 160px 120px;position: relative;}
.imgupload input[type=file]{position:absolute; width:160px;left:0;top:0;bottom:0;z-index:1;opacity:0;}
.imgupload .imgexample,.imgupload .img {position: absolute;width: 100%;height: 100%;background-position: 50%;background-size: contain;background-repeat: no-repeat;background-color: #f1f1f1;}
.imgupload .reupload {display: inline-block;position: absolute;width: 100%;height: 26px;line-height: 26px;opacity: .7;background-color: #000;color: #fff;left: 0; bottom: 0;font-size: 14px;text-align: center;cursor: pointer;border-radius: 0 0 5px 5px;}
.imgupload .delete {display: inline-block;position: absolute;width: 20px;height: 20px;background-color: #000;right: -5px;top: -5px;color: #fff;border-radius: 20px;cursor: pointer;z-index: 2; font-size:0; }
.imgupload .delete:after, .imgupload .delete:before {position: absolute;content: "";width: 12px;height: 2px;background-color: #fff; margin: auto;top: 0;bottom: 0;left: 0;right: 0;border-radius: 2px;}
.imgupload .delete:before {transform: rotate(-45deg);}
.imgupload .delete:after {transform: rotate(45deg);}

.imgupload .example {position: absolute;background-color: rgba(0,0,0,.5);color: #fff;width: 54px;height: 26px;line-height: 26px;bottom: 0;right: 0;font-size: 14px;text-align: center;border-top-left-radius: 10px;}
.panel-footer {padding:20px;background-color: #fafafa;border-top: 1px solid #fafafa;}
.panel .panel-title {font-size: 18px;font-weight: 700;border-left: 4px solid #008ed0;padding-left: 10px;margin-bottom: 30px;}
.panel .panel-body {padding: 0;margin-bottom: 30px;border-bottom: 2px dashed #e5e5e5;}
.panel {padding: 50px;}
.form-checkbox{margin-left:50px;padding-top:8px;}

.img-show-container{ display:none;}
.imgupload.open .img-show-container{ display:block;}
.img-show-container .img-show-mask {top: 0;left: 0;right: 0;bottom: 0;position: fixed;z-index: 9999;display: block;background: rgba(0,0,0,.3);}
.img-show-container .img-show-content {left: 0;top: 80px;width: 100%;z-index: 10000;display: block;position: fixed;text-align: center;box-sizing: border-box;}
.img-show-container .img-show-content img {min-width: 50px;min-height: 50px;max-width: 800px;max-height: 600px;border: 10px solid #fff;box-sizing: border-box;box-shadow: 0 10px 25px rgba(0,0,0,.5);}


.status-banner {height: 46px; padding:30px 0 20px;}
.nav-tabs { float:left; width:722px;height: 41px;border-bottom: 1px solid #d2d2d2;padding: 0 30px;}
.nav-tabs>li { float:left;background-color: #fafafa; position:relative; list-style:none;}  
.nav-tabs>li>a { display:block; width: 120px;height: 40px;line-height: 40px;border: 0 none;font-size: 12px;margin-right: 0;color: #4a4a4a;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #fefefe;background-color: #008ed0;border: 1px solid #008ed0;border-bottom-color: transparent;cursor: default;}
.nav-tabs li a span {display: inline-block;min-width: 14px;height: 14px;line-height: 14px;margin-left: 8px;padding: 2px;border-radius: 10px;background: #008ed0;color: #fff;}
.nav-tabs>li>a:after {position: absolute;right: 0;top: 50%;content: " ";display: block;width: 1px;height: 12px;margin-top: -6px;background-color: #d2d2d2;}
.nav-tabs > li:last-child > a::after {display: none;}
.nav-tabs>li.active>a:after{ display: none;}


.a-new-store { display:inline-block;width: 218px;height: 40px;padding-left: 2px;background-position: 0 0;background-color: #04a5ff;background-image: none;border-radius: 2px;margin: 0 30px;}
.a-new-store .sp-new-store {display: inline-block;width: 160px;height: 40px;line-height: 40px;padding-right: 2px;padding-left: 68px;background-position: 100% 0;text-align: left;font-size: 14px;color: #fff;background-image: none;}  
.a-new-store .sp-new-store .i-add {float: left;margin: 10px 12px 0 0;}
.tab-content>.tab-pane {min-height: 700px;}
.standard-table {width: 100%;}
.standard-table, td, th, tr {font-size: 14px;color: #535353;}
.standard-table tr {border-bottom: 1px solid #ddd;}
.standard-table th {height: 32px;line-height: 32px;padding:2px 27px;background-color: #f4f4f4; text-align:left;}
.standard-table td {line-height: 26px;padding: 16px 27px;max-width: 110px; border-bottom:1px solid #ddd;}
.no-data {width: 100%;height: 400px;font-size: 16px;text-align: center;}
.standard-table td a {color: #fa9700;}
.standard-table td .icon {margin-right: 12px;}
.tab-content>.tab-pane {display: none;}
.tab-content>.active {display: block;}

.apply-icon { margin-right:8px;background-image: url(icon2_1_v1.png);background-repeat: no-repeat;image-rendering: -webkit-optimize-contrast;display: inline-block;}
.i-user {background-position: -126px -70px;width: 15px;height: 15px;}
.i-phone {background-position: -126px -55px;width: 15px;height: 15px;}
.i-add {background-position: 0 -102px;width: 20px;height: 20px;}
.i-Success {background-position: 0 0px;width: 68px;height: 68px;}

.panel_tit{ padding-bottom:50px; text-align:center; font-size:18px; color:#666;}
.panel_tip{ margin:0 50px; padding:15px 30px; background:#f1f1f1; line-height:1.6;}
.panel_tip strong{ font-weight:bold;}
.form-group p{ color:#999; padding-top:10px; clear:both;}
.contract_Tips{ color:#999; text-align:center; line-height:1.6;}
.contract_Tips_tit{ color:#666; font-weight:bold; padding-top:10px; padding-bottom:15px;}

/*注册*/
.m-form {padding: 70px 0 70px 294px;}
.m-form .title {margin: 0 0 0 200px;font-size: 20px;}
.login-form {width: 325px;margin: 0 auto;padding: 0;line-height: 1;}
.login-form .title {margin: 0;padding: 10px 0 0;text-align: center;color: #222;}
.m-input, .m-select-value {color: #333;padding: 0 2em 0 1em;border: 1px solid #d9d9d9;border-radius: 2px;box-sizing: border-box;transition: border 200ms;-webkit-appearance: none;}
.m-input span, .m-select-value span {display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.m-form .m-form-group.z-small {margin-top: 0;margin-bottom: 0px;font-size: 12px;}
.f-sm-font, .f-sm-font a {font-size: 12px!important;}
.m-checkbox-group, .m-checkbox-group input {display: inline-block;vertical-align: middle;}
.m-form-error {position: relative;max-width: 300px;color: #ff5c57;line-height: 20px;}
.m-input-group {position: relative;font-size: 0;display: inline-block;vertical-align: middle;}
.m-form .m-form-group {margin: 20px 0;}
.m-form-group .left_name {display: inline-block;width: 100px;padding-right: 20px; margin-top:15px;vertical-align:top;color: #555;text-align: right;}

.m-input-large, .m-select-value-large {width: 325px;height: 50px;font-size: 14px;line-height: 20px;padding-top: 15px;padding-bottom: 15px;}
.register_cont {display: table;width: 1160px;min-height: 600px;margin:34px auto 0;background: #fff;}
.register_form {padding: 70px 0 70px 294px;}
.m-form-nolabel {margin-left: 124px;}
.m-checkbox-large {width: 325px;}
.m-radiobox-group {display: inline-block;vertical-align: middle;font-size: 14px;line-height: 20px;padding-top: 15px;padding-bottom: 15px;}
.retrieve_cont {position: relative;width: 842px;min-height: 440px;margin: 0 auto;margin-top: 81px;background-color: #fcfdff;border: 1px solid #f7f8fa;padding-bottom: 48px;}
.retrieve-title {padding-top: 45px;font-size: 18px;text-align: center;color: #333;}
/*按钮*/
.m-btn {display: inline-block;border: 0; box-sizing: border-box;color: #fff;background: #008ed0;}
.m-btn-large {width: 325px;height: 50px;font-size: 16px;line-height: 50px;}
.m-btn-primary {color: #fff;background: #008ed0;}
.m-btn-primary a{ color:#fff;}
.m-btn-submit {margin-top: 10px;}
.login-form .m-btn-submit {display: block;margin: 0 auto;}
.m-sms-group .m-btn {position: absolute; z-index:9;top:7px;right: 8px;width: 120px;height: 36px;line-height: 36px;text-align: center;}
.m-btn.disabled, .m-btn:disabled {color: #fff;background: #dedede;}
.radius3{ border-radius:3px;}
.link{ color:#008ed0;}

/*模板选择*/
.template{ width:1280px; padding-top:30px; margin:auto; background:#fff;}
.template_tit{ margin-left:20px; padding:5px 10px; border-left:3px solid #008ed0; font-size:18px;}
.template ul{ list-style:none; overflow:hidden; padding:30px 1% 0 3%;}
.template ul li.projectitem { float:left; width: 30%; padding-top:15px; margin-right:3%; margin-bottom:20px; position:relative; }
.project_img{ display:block;}
.project_img img{ width:100%; display:block;}
.project_img2{ width:80%; padding:2.5% 11.5% 11% 12%; background:url(project_img_bg2.png); background-size:100%;}
.project_img2 img{ width:100%; display:block;}
.projectitem .project_info p.title{ color:#3e3e3e; font-size:16px;transition: all ease-out .3s;}
.projectitem .project_info { height:80px; padding-top:5px; text-align:center;transition: all ease-out .3s;}
.projectitem .project_info p.subtitle { color:#5a5a5a; font-size:14px; padding-top:6px;}
.projectitem .project_info p.subtitle span{ color:#da251d; font-size:21px; margin-top:10px;}
.pro-mask { width: 71%; border-radius: 4px; padding:4px 2px; position: absolute; z-index:999; bottom:140px; left: 16%;background: rgba(255, 255, 255, 1); opacity: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.4); }
.projectitem:hover .pro-mask { opacity: 1; }
.pro-mask a.preview,.pro-mask a.pro-details,.pro-mask a.ontrial { float:left; margin:0 1%; width:31.2%; border-radius: 3px; height: auto;text-align: center; line-height: 32px; display: inline-block; background:#da251d; color: #fff; font-size: 14px; transition: all 0.3s ease-out 0s; }
.pro-mask a.preview { background-color: #009cff; }
.pro-mask a.pro-details { background-color: #da251d; }
.pro-mask a.ontrial{background: #ff592d;}

.dqwz_dq{ padding:0 20px 25px;}
.dqwz_dq a{ color:#008ed0;}
.product_xx{ overflow:hidden;}
.postbody { width:790px;line-height: 24px;font-size: 13px;color: #6a6a6a;}
.postbody hr {height: 1px;border: none;border-top: 1px dotted rgb(211, 211, 211);margin-top: 20px;margin-bottom: 20px;}
.postbody img {display: block;margin: 0 auto;max-width: 100%;}
#projectinfo {float: left;width:420px;margin-left: 40px;}
#projectinfo .header {border-bottom: #cccccc 1px dotted; margin:0 20px;}
#projectinfo .header p.title {color: #444;font-size: 26px;}
#projectinfo .header .description {color: #6a6a6a;font-size: 13px;line-height: 24px;margin: 30px 0 50px;}
#projectinfo .description a.btn_goumai{display: block; height:50px;line-height: 50px; margin-top:40px; font-size:16px; border-radius:5px;text-align: center;color: #fff;background: #008ed0;}
#projectib {margin-top: 20px; overflow:hidden;}
#projectib .projectitem {float: left;width: 200px;height: auto;margin-right: 10px; margin-bottom: 14px;}
#projectib .projectitem .propost_img{ width:150px; height:109px; padding:5px 25px; background:url(project_img_bg2.png) no-repeat; background-size:200px;}
#projectib .projectitem .propost_img img{ width:150px; height:94px;}
#projectib .projectitem .project_info{ height:40px;}
#projectib .projectitem .project_info p.title {margin-top:5px;color: #333;font-size: 12px;transition: all ease-out .3s;}