/*2017-04-12*/
*{
	list-style:none;
	
}

/*2017-05-10*/
#content{
	margin-top:20px;	
}
/*2018-5-9*/
/*页面背景颜色*/
body{
	
	background:#F1F1F1;
	
}
.task > ul > li .shuru{
    width: 95%; 
    height: 95%;
    border: none; 
}
.aniu input[type=submit]{
    padding: 10px 40px;
    border-radius: 3px;
    color: #fff;
    border: none;
}
/* ============ 2016-07-01 ============ */
a{
    text-decoration: none;
}
/*搴曢儴3涓浐瀹氬鑸�*/
.foot_nav{
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    height: 70px;
    z-index: 10000;
}
.foot_nav ul li{
    float: left;
    width: 33.333333%;
}
.foot_nav ul li a{
    display: block;
    height: 70px;
    color: #408bff;
    text-align: center;
    text-decoration: none;
    border: 1px solid #408bff;
    background-color: #fff;
}
.foot_nav ul li:nth-child(1) a{
    border-radius: 5px 0 0 5px;
}
.foot_nav ul li:nth-child(2) a{
    border-left: none;
    border-right: none;
}
.foot_nav ul li:nth-child(3) a{
    border-radius: 0 5px 5px 0;
}
.foot_nav ul li a i{
    display: block;
    margin-top: 9px;
    margin-bottom: 0;
    font-size: 2.4em;
}
.foot_nav ul li a i.glyphicon {
    right: 0; 
}
.foot_nav ul li a h2{
    font-size: 1.1em;
    margin-top: 4px;
    margin-bottom: 5px;
}
.foot_nav ul li a:hover{
    color: #fff;
    background-color: #408bff;
}
.foot_nav ul li a.hov{
    color: #fff;
    background-color: #408bff;
}

.nav-tabs:after{
    display: table;
    content: "";
    clear: both;
}

.tab-content{
    padding-top: 5px;
}

/*common*/
.common{
    overflow: hidden;
    text-align: center;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: -15px;
    padding-bottom: 10px;
}
.common li{
    position: relative;
    display: inline-block;
    width: 22%;
    margin-top: 25px;
    margin-right: 15px;
    margin-left: 15px;
    cursor: pointer;
}
.common li a{
    display: block;
    width: 100%;
    height: 185px;
    padding-top: 8px;
    text-align: center;
    border-radius: 5px;
    background-color: #fff;
    transition: all 1s;
    text-decoration: none;
}
.common li a p:nth-child(1),.common li a p:nth-child(2),.common li a p:nth-child(3){
    padding-top: 22px;
}
.common li a p:nth-child(2){
    color: #408bff;
    font-size: 1.5em;
}
.common li a:hover{
    box-shadow: 0px 0px 10px 3px #ddd;
}
.common li span{
    display: none;
    transition: all 1s;
}
.common li:hover span{
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
}
.common li:hover span i{
    font-size: 1.4em;
    color: #c5c5c5;
}

/*task*/
.chuang{
    text-align: center;
}

.table tr td i{
    font-size: 1.86em;
}
.table{
    border-top: 1px solid #ddd;
}
.table b{
    color: #636363;
}
.table tr .tit{
    text-align: center;
    background-color: #fff;
}

/*data*/
.data_bg{
    padding: 12px 0;
    background-color: #fff;
}
.data_bg:after{
    display: table;
    content: "";
    clear: both;
}
.data_bg span{
    display: inline-block;
    margin-left: 15px;
}
.data_bg select,.data_bg input,.num_page select{
    padding: 0 5px;
    border-radius: 3px;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    -webkit-appearance: none;
}
.data_bg select{
    width: 100px;
    height: 35px;
    padding: 0 10px;
}
.data_bg input[type=text]{
    width: 110px;
    height: 35px;
}
.data_bg i{
    padding: 0 10px;
    color: #ddd;
}
.data_bg input[type=button]{
    width: 90px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    border: none;
    background-color: #408bff;
}
.data_bg input[type=button]:hover, .s_rizhi li input[type=button]:hover,.cha_tit .queding:hover,.personal li .sheng:hover{
    background-color: #3277ef;
}
.data_bg .m_site{
    margin-left: 12px;
}
.data_bg #company_name{
    width: 240px;
}
.data_bg .pnone{
    display: none;
}

.data_bg .d_cha{
    margin-left: 15px;
}
/*yangjian add start*/
.transLogSubmit{
		display: none;
}
.moreCustomers{
		display: none;
}

.moreTransLogs{
		display: none;
}

#customerData{overflow: hidden;height: 100%; MARGIN-RIGHT: auto; MARGIN-LEFT: auto;}
#transLogData{overflow: hidden;height: 100%; MARGIN-RIGHT: auto; MARGIN-LEFT: auto;}
/*yangjian add end*/
/*journal*/
.xu{
    width: 8%;
}
.hao{
    width: 92%;
}
.num_page{
    overflow: hidden;
    margin-top: 15px;
}
.num_page select{
    width: 80px;
    height: 30px;
    padding: 0 10px;
}
.num_page span{
    float: right;
}
.num_page a{
    display: inline-block;
}

/*宸ュ晢鏌ヨ*/
.chaxun{
    border-top: 1px solid #ddd;
}
.chaxun h4{ 
    margin-top: 15px;
    font-size: 1.1em;
    font-weight: bold;
}
.chaxun ul li{
    padding: 6px 0 6px 22px;
}
.chaxun ul li input[type=checkbox],.chaxun h4 input[type=checkbox],.reset_cha li input[type=checkbox]{
    width: 15px;
    height: 15px;
    margin-right: 8px;
    vertical-align: -2px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.chaxun ul li span{
    display: inline-block;
}
.chaxun ul li span.name{
    width: 60px;
}
.chaxun ul li span.company{
    width: 160px;
}
.chaxun ul li span.time{
    margin-left: 15px;
    color: #a7a7a7;
}
.cost{
    margin-top: 15px;
    text-align: center;
    color: #408bff;
}


.btn_cha{
    padding-top: 18px;
}

.cha_tit{
    margin-top: 30px;
}
.cha_tit{
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
.cha_tit span{
    float: right;
}
.cha_tit .queding{
    display: inline-block;
    padding: 3px 10px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    margin-left: 15px;
    border-radius: 3px;
    background-color: #408bff;
}



.btn_cha input{
    display: block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    background-color: #408bff;
}
.btn_cha input:hover{
    background-color: #3277ef;
}

/*鏌ヨ鏃ュ織*/
.s_rizhi{
    margin-top: 15px;
    padding-top: 5px;
    border-top: 1px solid #ddd;
}
.s_rizhi li{
    padding: 8px 0 8px 0;
}
.s_rizhi li:after{
    display: table;
    content: "";
    clear: both;
}
.s_rizhi li input{
    -webkit-appearance: none;
}
.s_rizhi li input[type=text]{
    width: 200px;
    height: 35px;
    line-height: 35px;
    padding: 0 5px;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.s_rizhi li input[type=button]{
    width: 80px;
    height: 35px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    background-color: #408bff;
}
.s_rizhi li .company{
    display: inline-block;
    width: 200px;
}
.s_rizhi li .time{
    display: inline-block;
    width: 90px;
    margin-left: 15px;
}


.pages{
    margin-top: 15px;
    overflow: hidden;
    text-align: center;
}
.pages span,.pages a{
    display: inline-block;
    margin: 0 3px;
    text-decoration: none;
}
.pages a{
    padding: 2px 8px;
    color: #333;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.pages a:hover{
    color: #fff;
    background-color: #408bff;
}
.pages select{
    margin: 0 3px;
    padding: 2px 0;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.pages i{
    color: #408bff;
    font-style: normal;
}

/* Back To Top*/
#back-to-top{
    position: fixed;
    bottom: 65px;
    right: 15px;
}
#back-to-top a{
    display: block;
    width: 34px;
    height: 34px;
    line-height: 30px;
    color: #f9f9f9;
    text-align: center;
    text-decoration: none;
    border-radius: 30px;
    background: rgba(121, 121, 121, .4) none repeat scroll 0 0 !important; 
    filter:Alpha(opacity=40);  background: #797979; 
    /*浣跨敤CSS3涓殑transition灞炴�х粰璺宠浆閾炬帴涓殑鏂囧瓧娣诲姞娓愬彉鏁堟灉*/
    -moz-transition:color 1s; 
    -webkit-transition:color 1s;
    -o-transition:color 1s;
}
#back-to-top a i{
    font-size: 1.3em;
    vertical-align: -4px;
    -moz-transition:background 1s;
    -webkit-transition:background 1s;
    -o-transition:background 1s;
}



.reset_cha{
    margin-top: 15px;
}
.reset_cha li{
    padding: 6px 0;
}
.reset_cha li span.company{
    display: inline-block;
    width: 160px;
    color: #408bff
}
.reset_cha li span.job,.reset_cha li span.city{
    margin-left: 20px;
}

.qiye {
    line-height: 1.8;
}
.qiye h2{
    font-size: 1.1em;
}
.qiye span{
    padding-left: 12px;
}

.ziliao{
    text-align: center;
}
.ziliao:after{
    display: table;
    content: "";
    clear: both;
}
.ziliao li{
    display: inline-block;
    width: 45%;
    line-height: 2.3;
    text-align: left;
}
.ziliao li p{
    display: inline-block;
}
.ziliao li p:first-child{
    width: 30%;
    text-align: right;
}
.ziliao li p:last-child{
    width: 70%;
    text-align: left;
}

/*璐﹀彿淇℃伅*/
.personal{
    max-width: 400px;
    margin: 0 auto 0 auto;
}
.personal li{
    margin-top: 20px;
    border-radius: 4px;
    background: #fff;
    font-size: 1.1em;
    border-color: #e3e3e3;
    border-style: solid;
    border-width: 1px 1px 3px;
    box-shadow: 0px 0px 8px 2px #ddd;
}
.personal li a{
    display: block;
    padding: 12px 20px;
    color: #333;
    text-align: center;
    text-decoration: none;
}
.personal li.zhang{
    padding: 12px 20px;
}
.personal li i{
    float: right;
    color: #408bff;
    font-style: normal;
}
.personal li:last-child  a{
    color: #408bff;
}

.order-tit{
    margin-top: 25px;
    overflow: hidden;
}
.order-tit input[type=text]{
    width: 200px;
    height: 35px;
    margin: 0 15px 0 15px;
    text-indent: 5px;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
}
.order-tit input[type=button]{
    width: 90px;
    height: 35px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    border: none;
    background-color: #408bff;
}


.order-list{
    margin-top: 15px;
}
.order-list li{
    overflow: hidden;
    padding: 12px 0;
    border-bottom: 1px solid #e0dede;
}
.order-list li span, .order-list li p span{
    display: inline-block;
    width: 20%;
    text-align: center;
}
 .order-list li p span{
    color: #696969;
 }
.order-list li:nth-child(1){
    font-size: 1.15em;
    color: #282828;
    border-bottom: none;
    background-color: #fff;
}
.order-list li p{
    display: block;
    padding: 4px 0;
}
.order-list li p i{
    display: inline-block;
    margin-left: 15px;
    font-style: normal;
}
.order-list li p:first-child{
    margin-bottom: 5px;
}
.order-list li p em{
    float: right;
    margin-right: 7.3%;
    font-style: normal;
}

.detial-list{
    margin-top: 15px;
}
.detial-list li{
    overflow: hidden;
    padding: 12px 0;
    border-bottom: 1px solid #e0dede;
}
.detial-list li:nth-child(1){
    font-size: 1.15em;
    color: #282828;
    border-bottom: none;
    background-color: #fff;
}
.detial-list li:last-child{
    text-align: right;
    color: #408bff;
    font-size: 1.1em;
    border-bottom: none;
}
.detial-list li span{
    display: inline-block;
    width: 25%;
    text-align: center;
}

.balance{
    margin-top: 15px;
    border-right: 1px solid #e0dede;
    border-left: 1px solid #e0dede;
}
.balance li{
    overflow: hidden;
    border-bottom: 1px solid #e0dede;
}
.balance li:first-child{
    border-top: 1px solid #e0dede;
}
.balance li span{
    display: inline-block;
    padding: 12px 0;
    text-align: center;
}
.balance li span:first-child{
    width: 15%;
    border-right: 1px solid #e0dede;
}
.balance li span:last-child{
    width: 83%;
    padding-left: 2%;
    text-align: left;
}

/*鍒涘缓浠诲姟*/
.task,.task-select{
    margin-top: 30px;
}
.task h2,.task-select h2{
    font-size: 1.2em;
    margin-bottom: 5px;
}
.task > ul:after,.task-select > ul:after{ 
    content: "";
    display: table;
    clear: both;
}
.task > ul > li,.task-select > ul > li{
    float: left;
    width: 48%;
}
.task > ul > li.nothing,.task-select > ul > li.nothing{
    height: 50px;
    line-height: 50px;
    margin-top: 15px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    background-color: #fff;
}
.task > ul > li:nth-child(even),.task-select > ul > li:nth-child(even){
    float: right;
}
.task > ul > li > img,.task-select > ul > li > img{
    width: 100px;
}

.task .lines > li select{
    width: 100%;
    height: 43px;
    line-height: 43px;
    margin-top: 15px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #e9e9e9;
    background-color: #fff;
}
.task .lines > li > button {
    display: inline-block;
    text-decoration: none;
    width: 120px;
    height: 41px;
    line-height: 41px;
    margin-top: 17px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    background-color: #408bff;
}

/*涓嬫媺鏁堟灉*/
.chose {
    position: relative;
    margin-top: 15px;
    margin-bottom: 0;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    background-color: #fff;
}
.chose > dt {
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    font-weight: normal;
    border-radius: 5px;
}
.chose > dt > img{
    width: 100px;
}
.chose > dd {
    position: absolute;
    left: 0;
    top: 47px;
    width: 100.4%;
    display: none;
    z-index: 10;
    margin: 2px -1px 0px -1px;
    border-radius: 0 0 5px 5px;
    background-color: #fff;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}
.chose > dd .img{
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 12;
}
.chose > dd .img > li{
    overflow: hidden;
    width: 100%;
}
.chose > dd .img > li > a{
    display: block;
    padding: 4px 0;
    text-decoration: none;
}
.chose > dd .img > li > a > img{
    width: 100px;
}

.chose > dd .text{
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 12;
}
.chose > dd .text > li{
    overflow: hidden;
    width: 100%;
}
.chose > dd .text > li > a{
    display: block;
    padding: 4px 0;
    text-decoration: none;
}

.aniu{
    padding-top: 15px;
}
.aniu input[type=button]{
    padding: 10px 40px;
    border-radius: 3px;
    color: #fff;
    border: none;
}
.aniu .disabled{
    cursor: not-allowed;
    background-color: #d0d0d0;
}
.aniu .continue{
    background-color: #408bff;
}

/*瀛楁瀵圭収閰嶇疆*/
.task .field > li{
    display: block;
    padding-left:27px;
    margin-top: 15px;
}
.task .field > li > div{
    display: inline-block;
    width: 140px;
}
.task .field > li:last-child div{
    float: left;
    width: 120px;
}
.task .field > li:first-child{
    margin-top: 5px;
}
.task .field > li:after{ 
    content: "";
    display: table;
    clear: both;
}
.task .field > li > i{
    color: red;
    font-style: normal;
}
.task .field > li > select{
    width: 160px;
    height: 40px;
    margin: 0 5px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #e9e9e9;
    background-color: #fff;
}
.task .field > li > textarea{
    width: 300px;
    height: 120px;
    margin: 0 5px;
    padding: 2px 4px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    resize: none;
}
.task .field > li .fill{
    width: 49%;
    height: 45px;
    padding: 0 5px;
    margin-left: -27px;
    margin-right: 15px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #e9e9e9;
}
.task .field > li .name{
    display: inline-block;
    padding-right: 14px;
    font-style: normal;
}
.kaozuo{
    margin-left: 20px;
}


/* 2016-11-08 */
.daohang{
    margin-top: 25px;
    padding-top: 90px;
    padding-bottom: 90px;
    background-color: #fff;
}
.ying,.wei{
   margin: 0 auto; 
   text-align: center;
}
.ying{
    width: 220px;
    min-height: 300px;
    margin-right: 90px;
    background: url(../images/ying.png) no-repeat;
}
.wei{
    width: 220px;
    min-height: 283px;
    margin-left: 90px;
    background: url(../images/wei.png) no-repeat;
}
.ying a,.wei a{
    text-decoration: none;
}
.ying a p img,.wei a p img{
    margin: 30px auto 0px auto;
}
.ying a p img{
    width: 153px;
    height: 153px;
}
.wei a p img{
    width: 146px;
    height: 158px;
}
.ying a p img:hover,.wei a p img:hover{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.ying h2,.wei h2{
    margin-top: 85px;
    font-size: 24px;
    font-weight: normal;
}
.ying a:hover,.wei a:hover{
    color: #ff7f27;
}
*{
	list-style:none;}
.frm img{
	width:25px;
	height:25px;
    text-align:center;	
}
a{
}
.frm {
    margin-top: 25px;
    vertical-align: middle;
    padding-top: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 0 8px 2px #ddd;
    padding-bottom:10px;
    background:#fff;
    vertical-align:middle;	
}
.frm input{
	height:25px;
	line-height:25px;
}
.frm span{
	
font-size:18px;
}
.copy{    max-height: 321.3px;
   
    position: absolute;
    top:290px;
    left: 55.5%;
	background:black;
    width: 75px;
    height: 35px;
    padding: 5px;
    color: white;
    font-weight: 800;
    border-radius: 5px;
    line-height: 25px;
text-align: center;}
.spa{
position: relative;
    top: -58px;
    left: -3%;
width: 0px;
   height:0px;
   border-width:0 10px 10px 10px;
   border-style: solid;
   border-color: transparent  transparent black transparent;
}
.spa1{

position: relative;
    top: -250px;
    left: -1%;
width: 0px;
   height:0px;
   border-width:0 15px 15px 15px;
   border-style: solid;
   border-color: transparent  transparent #d8d6cf  transparent;
}
.acpu{
	width: 25px;
    margin-bottom:-8px;
    display: inline-block;
    overflow:hidden;	
}
.bwechat{
	width: 25px;
    margin-bottom:-8px;
    display: inline-block;
    overflow: hidden;
}
.c{
	width: 25px;
    margin-bottom:-8px;
    display: inline-block;
    overflow: hidden;	
}
.wec{
	min-width:183px;
	min-height:200px;
	/*background:url("../images/qrc.png") center center no-repeat;*/
	border:1px solid #ccc;
	
}
.wec img{
	width:100%;
	height:100%;
	
	
}
.wechatshow{
	display:none;
	position:absolute;
	top:300px;
	left:53.5%;
	width:200px;
	height:200px;
}
.cpil{
	display:none;
}

.acpu:hover .cpil{
	display:block;
}
.bwechat:hover .wechatshow{
	
	display:block;
}
/*2018-05-08*/
/*团队协作*/
.box{
    max-width: 400px;
    margin: 0 auto 0 auto;
	font-family:'微软雅黑';
	font-size:18px;
	font-weight:800;
	margin-top:-65px;
}
.box a,.indata{
display:block;
margin-top: 25px;
padding: 12px 20px;	
padding-top: 20px;
width:100%;
height:auto;
text-decoration:none;
color: #333;
text-align: center;
border:1px solid #ccc;
vertical-align: middle;
box-shadow: 0 0 8px 2px #ddd;
padding-bottom: 10px;
}
.box input{
  width:400px;
  background:#fff;
}
.box a:hover{
 background-image: linear-gradient(#f5f5f5 0,#e8e8e8 100%);
 background-repeat: repeat-x;
 background-color: #e8e8e8;
}
.indata:hover{
 background-image: linear-gradient(#f5f5f5 0,#e8e8e8 100%);
 background-repeat: repeat-x;
 background-color: #e8e8e8;	
}

.t-code{
    float: right;
    padding-top: 125px;
    margin-right:20px;
    height: auto;

 }
 .t-code img{
 
 border:1px solid #ccc;
 } 
 
.ind{
position: relative;
    top: 85px;
    left: 33px;
    width: 33px;
    height: 50px;
    border: none;
    background: url(../images/play.png)center center no-repeat;
	outline:none;
}
.ind:hover{
position: relative;
    top: 85px;
    left: 33px;
    width: 33px;
    height: 50px;
    border: none;
    background: url(../images/play-after.png)center center no-repeat;
	
}
/*2018-05-11*/

.addhre{
	padding: 8px 30px;
    font-size: 13px;
    color: #fff;
    background: #408bff;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.addhre:hover{
 background:#49779f;
}

/*2018-05-14*/
.link{
  display: inline-block;
    height: 65px;
    width: 400px;
    margin-top: 25px;
    padding: 12px 20px;
    text-decoration: none;
    color: #333;
    text-align: center;
    border: 1px solid #ccc;
    vertical-align: middle;
    box-shadow: 0 0 8px 2px #ddd;
    padding-bottom: 10px;
}
.link p{
	
    width: 30px;
    float: left;
    height: 30px;
    margin: 5px;
    margin-left:10px;   
}
.plink{
	display:none;
	position: absolute;
    top: 318px;
    right: 65%;
	
}
.link p img{
	  width: 30px;
	  height: 30px;
	  border: 3px solid #4c4545;
}
.link button{	
    width: 20%;
    height: 31px;
    margin-top: 5px;
    border:1px solid #ccc;
    background:#f3eded;
    font-size:14px;
}
.link button:hover{
	background:#ccc;

}
.link input{
    width: 65%;
    float: left;

}

.link .wecatbox{
    display:none;
	position: relative;
    width: 200px;
    height: 200px;
    left: 161px;
    bottom: 248px;
    border:1px solid #ccc;
    overflow:hidden;	
}
.link .wecatbox p{
position: relative;
    top: 189px;
    left:77px;
    width: 0px;
    height: 0px;
    border-width: 15px 15px 0 15px;
    border-style: solid;
    border-color: #d6cece61  transparent transparent transparent;
}
.excel{
	width:40px;
	height:40px;
	background:url(../images/excel.png) no-repeat;
}
.excel:hover{
	width:40px;
	height:40px;
	background:url(../images/excel_after.png) no-repeat;
}
.add-del3 span{
	position: absolute;
    margin-top: -25px;
    margin-left: 3px;
    color: #3969b4;
    font-weight: 600;
	
}