mtb_crm_asp/css/common.css

body {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;display:flex;
}
html {
	background-color: #F9F9F9;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
body {
	background-color: #263949;
	font-family: Verdana, Arial,Vrinda,Tahoma;
	line-height: 2;
	font-size:12px;
	color:#666;
}
a {
	color: #555;
	text-decoration:none;
}
a:hover {
	color: #0099CC;
}

input,
option{color:#666;}


img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	display:inline;
}
ul{
    margin:0;
	padding:0;
	list-style-position: outside;
	list-style-type: none;
}
li{
	margin:0;
	padding:0;
}
div{
	margin:0;
	padding:0;
}

#left_content {
	clear: both;
	width: 199px;
}
#left_content #user_info {
	background-image: url(../images/manage_r2_c1.jpg);
	background-repeat: no-repeat;
	height: 55px;
	padding: 10px 0 0 55px;
}
#left_content #user_info a{
    color:#0099CC;
}
#left_content #main_nav {
	width: 199px;
	background-image: url(../images/left_nav_bg.jpg);
	background-repeat: repeat-y;
}
#left_main_nav {
	float: left;
	width: 25px;
	line-height: 13px;
	color:#0099CC;
}
#left_main_nav li{
	height:69px;
	width:12px;
	text-align: center;
	padding: 7px 6px 0 7px;
}
.left_back{
	background-image: url(../images/manage_r7_c2.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
}
.left_back_onclick{
	background-image: url(../images/manage_r6_c2.jpg);
	background-repeat: no-repeat;
	color:#333333;
}
#left_main_nav a{
    color:#0099CC;
}#right_main_nav {
	width: 173px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DDD;
	border-bottom-color: #DDD;
	float: right;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDD;
	height: 627px;
	text-align: left;
}
.list_tilte {
	background-image: url(../images/list_title.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
	clear: both;
	height: 22px;
	width: 140px;
	padding-left: 30px;
	font-weight: bold;
	color: #0099CC;
	margin-top: 9px;
	cursor:pointer;
}
.list_tilte_onclick {
	background-image: url(../images/list_title_onclick.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
	clear: both;
	height: 22px;
	width: 140px;
	padding-left: 30px;
	font-weight: bold;
	color: #0099CC;
	margin-top: 9px;
	cursor:pointer;
}
.list_detail {
	margin: 0 auto;
}
.list_detail li{
	list-style-image: url(../images/direct_blue.gif);
	list-style-position: inside;
	padding: 0 0 0 4px;
	margin:3px 0;
    }

#switchpic {
	width: 6px;
	cursor:pointer;
	clear: both;
	vertical-align: bottom;
	margin-top: 220px;
}
#nav {
	width:99%;
	float:left;
	background-image: url(../images/nav_bg.jpg);
}
#nav ul { 
      margin:0; 
	  list-style:none; 
	  padding: 0;
 }
#nav li {
     float:left; 
	 margin:0; 
	 padding:2px 35px 0 30px;
	 line-height:24px;
	 font-weight:bold;
}
.bg_image{
	 background: url(../images/manage_r2_c14.jpg) no-repeat;
	 cursor:pointer;
}
.bg_image_onclick{
	 background: url(../images/manage_r2_c13.jpg) no-repeat;
	 color:#0099CC;
}
#sub_info {
	width: 99%;
	float:left;
	background-image: url(../images/manage_r3_c11.jpg);
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	border-left-color: #DDD;
	height: 27px;
	background-repeat: repeat-x;
	padding: 5px 0 0 0;
}

.panel{
	width:240px;
	color:#FFF;
	flex-shrink:0;
	box-sizing:border:box;
	font-size:16px;
	font-weight:lighter;
	font-family:"Microsoft Yahei;";
}

.panel .logo{
	width:140px;
	margin:20PX 0 50px;
}

.panel section{
	padding:20px;
}

.panel .code_text{
	color:white;
	font-size:14px;
}

.panel .role_text{
	color:white;
	font-size:13px;
	background:url("../images/role.png") 10px center no-repeat;
	padding-left:40px;
}

.panel .copyright{
	width:240px;
	font-size:12px;
	margin-left:30px;
}

.panel .copyright P{
	margin:0;
}

#man_zone {
	width: 100%;/*calc(100% - 241px);*/
	border:1px solid #DDD;
	background-color:#FFFFFF;
	padding:15px 30px;
	flex-shrink:0;	min-height:950px;
	box-sizing:border-box;
}

#man_zone table{
    background:#f2f2f2;
}
#man_zone table tr{
    background-color:#fff;
	height:50px;
}

table.table1 thead tr th{
background:url(../images/td_bg1.gif) 0 0 repeat-x #F8FCFF;
font-size:14px;color:#0099CC;
}
table.table1 thead tr th a{color:#0099CC}
table.table1 tbody tr th{font-size:12px;color:#0099CC;}
table.table1 tfoot tr td{
height:50px;
}
.left_title_1 {
	background-color: #F3F8F7;
	color:#73938E;
	font-weight:bold;
	line-height:30px;
	text-align:right
}
.left_title_2 {
	background-color: #fff;
	color:#73938E;
	font-weight:bold;
	line-height:30px;
	text-align:right;
}

.ico_edit,
.ico_magnifier,
.ico_da,
.ico_sence,
.ico_extend{
display:inline-block;
height:50px;line-height:50px;font-weight:bold;color:#0099CC;
background:url(../images/edit.gif) 0 center no-repeat;padding-left:20px;
}
.ico_magnifier{
background:url(../images/magnifier.gif) 0 center no-repeat;
}

.ico_extend{
background:url(../images/guanlian.png) 0 center no-repeat;
}

.ico_sence{
background:url(../images/sence.png) 0 center no-repeat;
}
.ico{
	margin-right:10px;
}

.ico_da{
background:url(../images/da.gif) 0 center no-repeat;
}
.btn1{
width:150px;height:32px;border:none;
color: #FFF;
background: #9ad48a;
cursor:pointer;
border-radius:3px;
margin-left:10px;
}
.txt1{
border:none;
width:800px;height:32px;line-height:32px;
padding:0 3px;font-size:12px;
outline:none;
border:1px solid #F0F0F0;
}

.txt-short{
border:none;
width:350px;height:32px;line-height:32px;
padding:0 3px;font-size:14px;
float:left;
outline:none;
margin:10px;
border:1px solid #EEE;
}

.txt-short2{
border:none;
width:350px;height:32px;line-height:32px;
padding:0 3px;font-size:14px;
float:left;
outline:none;
}

.txt2{
border:1px solid #DBE6E3;
width:800px;height:360px;line-height:32px;
padding:3px;overflow:auto;font-size:14px;
}

.txt3{
border:1px solid #DBE6E3;
width:100px;height:32px;line-height:32px;
padding:0 3px;font-size:14px;
float:left;
margin-right:5px;
}

.txt4{
border:1px solid #DBE6E3;
width:800px;height:150px;line-height:20px;
padding:3px;overflow:auto;font-size:14px;
}

.txt5{
border:1px solid #DBE6E3;
width:300px;height:20px;line-height:20px;
padding:0 3px;font-size:14px;
float:left;
}

.txt6{
border:1px solid #DBE6E3;
width:416px;height:20px;line-height:20px;
padding:0 3px;font-size:14px;
float:left;
}

.upload-frame{
	border:none;
	width:340px;
	height:26px;
	float:left;
	margin-left:10px;
	box-sizing:content-box;
	padding:0;
}


.img{
	float:left;
	border:1px solid #DBE6E3;
	width:280px;
	height:20px;
	line-height:20px;
	padding:0 3px;
	font-size:14px;
}

select{border:none;height:32px;color:#666}

.showpagebox{
float:right;
margin-left:10px;
}
.showpagebox a{
float:left;height:20px;border:1px solid #DBE6E3;
padding:5px 8px;margin:0 4px;
}
.showpagebox a:hover,
.showpagebox a.current{
background:#F3F8F7;
}
.showpagebox #Pagego,
.searchbox #keys{
border:1px solid #DBE6E3;
width:30px;height:20px;line-height:20px;
padding:0 3px;text-align:center;
float:left;
}
.searchbox #searchgo{
float:left;width:22px;height:22px;color:#61A1B4;margin:0 4px;
background:url(../images/ico_search.gif) 0 0 no-repeat;
border:none;font-size:1px;letter-spacing:-999px;cursor:pointer;
}
.searchbox{
float:right;
}
.searchbox #keys{
width:150px;text-align:left;
}
.tools_pro{background:url(../images/icos1.gif) center center no-repeat}


#sp{width:400px;}
.list{
	overflow:hidden;}
	
.list li{
	width:20%;
	float:left;
	box-sizing:border-box;
	padding:5px 10px;
}	
.wrapper ul{
	overflow-y:scroll;
	height: 480px;
}
.wrapper ul li{
	line-height:175%;
	padding:0px 10px;
}

.wrapper ul li:hover{
	background:#F5F5F5;
}
 .wrapper_left,
 .wrapper_right{
	width:45%;
	height:90vh;
	float:left;
	border:1px solid #DDD;
	box-sizing:border-box;
}


.wrapper_center{
	width:10%;
	height:500px;
	float:left;
}
.wrapper-head{
	background: url(../images/td_bg1.gif) 0 0 repeat-x #F8FCFF;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #0099CC;
	text-align:center;
	border-bottom:1px solid  #ddd;
}

.submit-wapper{
	text-align:center;
}

#galpop{
	padding:10px;
	box-sizing:border-box;
}

.class-list li{
	display:block;
	width:100%;
	margin-top:5px;
	height:26px;
}

.addSubClass{
	background:url(../images/Addnew.png) left center no-repeat;
	border:none;
	width:20px;
	height:20px;
}

.removeSubClass{
	background:url(../images/remove.png) left center no-repeat;
	border:none;
	width:20px;
	height:20px;
	margin-left:15px;
}
 
 .tab-nav ul{
	 display:flex;
	 display: -webkit-flex;
	 flex-wrap:nowrap;
	 justify-content: flex-start;
	 overflow:hidden;
	align-items:flex-end;	 
 }
 
.tab-nav ul li{
	width:120px;
	text-align:center;
	height:50px;
	line-height:50px;	
	background:#EEE;
	border-bottom:1px solid #eee;
	border-right:1px solid #DDD;	
	flex-grow:1;
}

.tab-nav ul li:last-child{
	border-right:none;	
}

.tab-nav ul li.active{
	font-size:14px;
	font-weight:bold;
	color:#0099CC;
	background:#d8ffff;
}

.tab-panel{
	position:relative;
}

.tab-panel .panel{
	display:none;
	position:absolute;
	top:0;
	left:0;
	padding:20px;
	width:100%;
	box-sizing:border-box;
}

.tab-panel .panel.active{
	display:block;
}

.tab-panel .property-list{
	width:100%;
	overflow:hidden;
}

.tab-panel .property-list li,
.tab-panel .brand-list li,
.tab-panel .device-list li{
	float:left;
	width:20%;
	line-height:30px;
}

.tab-footer{
	position:absolute;
	bottom:0;
	width:100%;
	border-top:1px solid #DDD;
	height:80px;
}

.tab-footer .tab-button{
	margin:20px;
	padding:10px 20px;
	border:none;
	background:#ddd;
	border-radius:5px;
}

.tab-footer .tab-button:hover{
	background:#0099CC;
	color:#FFF;
}

.tel{	
	background:url("../images/phone.png") 10px center no-repeat;
	padding-left:50px;
}

.mail{	
	background:url("../images/mail.png") 10px center no-repeat;
	padding-left:50px;
}

.wechat{	
	background:url("../images/wechat.png") 10px center no-repeat;
	padding-left:50px;
}

.whatsapp{	
	background:url("../images/whatsapp.png") 10px center no-repeat;
	padding-left:50px;
}

.linkedin{	
	background:url("../images/linkedin.png") 10px center no-repeat;
	padding-left:50px;
}

.facebook{	
	background:url("../images/facebook.png") 10px center no-repeat;
	padding-left:50px;
}.alibaba{	
	background:url("../images/aliwangwang.png") 10px center no-repeat;
	padding-left:50px;
}

table.table1 thead tr th select{
	text-align:center;
	height:32px;
	width:100%;
}

table.table1 thead tr th select option{
	text-align:center;
}

.lxfs{
	line-height:2em;
	font-size:13px;
}

.lxfs .tel{
	background:url("../images/phone.png") 10px center no-repeat;
	padding-left:35px;	
}

.panel dl{border-left:3px solid #A3E1D4;}

.panel dl dt{
	font-size:13px;
	color:#FFF;
	margin-left:30px;
}

.panel dl dt a{
	color:#FFF;
}


.panel dl dt .list-wraper{
	font-size:12px;
	color:#FFF;
	margin:5px 0 10px 10px;
	display:none;
}

.panel dl dt .list-wraper a{
	display:block;
}

.panel dl dt .list-wraper a:before{
	content:'';
	display:inline-block;
	border:5px solid;
	border-color:transparent;	
}

.panel dl dt .list-wraper a:hover:before{
	content:'';
	display:inline-block;
	border:5px solid;
	border-color:transparent transparent transparent white;	
}

.layui-input-inline{
	width:250px;
	height:38px;
}

.ySearchSelect{
	height: 32px;
	position: relative;
}
.ySearchSelect i.layui-edge{
    z-index: 1;
}
.ySearchSelect i.select{
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-moz--transform: rotate(180deg);
    transform: rotate(180deg); 
    margin-top: -8px;
}
.ySearchSelect .layui-input{
    line-height: 36px;
    position: relative;
    z-index: 1;
	width:200px;
	font-size:14px;
	height:36px;
	border:none;
	Padding-left:5px;
	background:url("/images/arrow-down-bold.svg") right center no-repeat;
}


.ySearchSelect .input-text{
    line-height: 32px;
    position: absolute;
    top: 44px;
    left: 1px;
    z-index: 3;
    display: none;
    background-color: #FFF;

}
.ySearchSelect .input-text input{
	width: 96%;
	margin-left: 2%;
	height: 32px;
	line-height: 32px;
	border:1px solid #DBE6E3;
	border-radius:5px;
	font-size:12px;
}
.ySearchSelect .input-text .iconfont{
	line-height: 36px;
	color: #999;
	position: absolute;
	top: 0px;
	right: 4%;
	z-index: 2;
}
.ySearchSelect ul{
	display: none;
	width: 100%;
	max-height: 228px;
	position: relative;
	top: 0px;
	z-index: 2;
	background-color: #fff;
	border: 1px solid #d2d2d2;
	margin-top: -1px;
	padding: 5px 0;
	padding-top: 40px;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.ySearchSelect ul li{
	width: 100%;
	height: 36px;
    line-height: 36px;
    padding: 0 10px;
    cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ySearchSelect ul li.active{
	background-color: #009688 !important;
	color: #FFF;
}
.ySearchSelect ul p{
	width: 100%;
	height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 0 10px;
    color: #999;
    cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ySearchSelect ul li.on{
	display: block;
}
.ySearchSelect ul li.hide{
	display: none;
}
.ySearchSelect ul li:hover{
	background-color: #f0f0f0;
}

.clear:before,
.clear:after{
	content:'';
	display:block;
	clear:both;
	width:100%;
	height:0;
	overflow:hidden;
}


.searchForm{
	min-height:100px;
	width:720px;
}

.homeSearch{
	margin: 360px auto 50px;	
}

.resultSearch{
	margin: 50px auto;	
}

.searchForm .keywords{
	display:inline-block;
	border:1px solid #ccc;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;	
	border-right:none;
	width: 480px!important;
    padding-right: 48px!important;
	padding-left:10px;
	line-height:36px;
	height:36px;
	float:left;
	outline:none;
}

.searchForm .keywords:focus{
	border:1px solid #9ad48a;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;	
}

.searchForm .searchSubmit{
	float:left;	
	height:40px;
	float:left;
	width:120px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	color:#FFF;
	background:#9ad48a;
	font-size:16px;
	border:2px solid #9ad48a;
}

.highline{
	color:red;
}

.contacts{
	padding: 20px;
}

#man_zone table tr.tableHead{
	background: url(../images/td_bg1.gif) 0 0 repeat-x #F8FCFF;
	height: 35px;
	font-size: 14px;
	color: #0099CC;
}

.fastSelect{
	padding:15px 20px;
	overflow:hidden;
}

.fastSelect h1{
	font-size:20px;
	display:block;
	border-bottom:1px solid #9ad48a;
	margin-bottom:30px;
}

.fastSelect .selectItem{
	width:33.33%;
	float:left;
	margin-bottom:20px;
}

.fastSelect .selectItem label{
	display:inline-block;
	height:40px;
	width:80px;
	padding-left:10px;
	font-size:15px;
}
.fastSelect .selectItem label:after{
	content:":";
}


.fastSelect .selectItem select{
	width:180px;
	border-bottom:1px solid #DDD;
}

select option{
	padding:3px 10px;
}

.inputSearch{
	width:33.33%;
	float:left;
}

.inputSearch .inputTxt{
	height:30px;
	border: 1px solid #DBE6E3;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;	
	padding-LEFT:10px;
	width:200px;
	outline:none;
}

.inputSearch  .searchgo{
	height:35px;
	border:none;
	width:80px;
	text-align:center;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;	
	color: #FFF;
    background: #9ad48a;
    font-size: 16px;
}

.table1 .notepanel{
	background:#EEE;
	display:none;
	}

.table1 .notepanel.active{
	display:block;
}

.flex{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-around;
}
.table2{
	box-sizing:border-box;
}
.table2 .theader{
	background: url(../images/td_bg1.gif) 0 0 repeat-x #F8FCFF;
	height: 50px;
	line-height:50px;
	font-size: 14px;
	color: #0099CC;
	border-bottom:2Px solid #ccc;
}

.table2 .tline{
	height: 50px;
	line-height:50px;
	border-bottom:1px solid #eee;
}

.table2 .tline:hover{
	background:#FCFCFC;
}


.table2 .col1{
	width:4%;
	float:left;
	text-align:center;
	height: 35px;
	line-height:42px;
	padding-top:14px;
}

.table2 .col2{
	width:6%;
	float:left;
	text-align:center;
	height: 50px;
}

.table2 .col3{
	width:calc(20% - 30px);
	float:left;
	height: 50px;
	line-height:50px;
	cursor:pointer;
	padding-left:30px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.tline .col3:before{
	content:'';
	display:inline-block;
	border:6px solid;
	border-color:transparent transparent transparent #9ad48a;
	transition:all 0.8s;
	transform-origin:0 50%;
}

.tline .open.col3:before{
	transform:rotate(450deg);

}


.table2 .col4,
.table2 .col5,
.table2 .col6{
	width:10%;
	float:left;
	text-align:center;
	height: 50px;
	line-height:50px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.table2 .col20{
	width:20%;
	float:left;
	text-align:center;
	height: 50px;
	line-height:50px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

.table2 .col7,
.table2 .col8{
	width:15%;
	float:left;
	text-align:center;

	height: 50px;
	line-height:50px;
}

.table2 .col9{
	width:calc(10% - 10px);
	float:left;
	text-align:center;

	height: 50px;
	line-height:50px;
}

.table2 .col10{
	width:calc(14% - 9px);
	float:left;
	text-align:center;
	height:50px;
	line-height:50px;
}

.table2 .col11{
	width:calc(16% - 7px);
	float:left;
	text-align:center;
	height: 50px;
	line-height:50px;
}


.table2 .colmark{
	width:10%;
	float:left;
	text-align:center;
	height: 50px;
	line-height:50px;	
}

.table2 .colmark span{
	display:inline-block;
	width:80%;
	height:20px;
}


.table2 .notepanel{
	width:calc(100% - 2px);
	background:#EEE;
	display:none;
	border:1px solid #FFF;
}

.table2 .notepanel .noteItem{
	width:calc(10% + 1px);
	text-align:center;
	float:left;
	padding-top:20px;
	box-sizing:border-box;
}

.table2 .notepanel .noteItem2{
	width:10%;
	text-align:center;
	float:left;
	padding-top:20px;
	box-sizing:border-box;
}

.table2  .notepanel .lx{
	position:relative;
	float:left;
	padding:20px;
	width:calc(30% + 4px);
	box-sizing:border-box;
}


.table2  .notepanel .notecontent{
	width:calc(50% - 6px);
	float:left;
	padding:20px;
	box-sizing:border-box;
	min-height:100px;
}

.taglist span{
	position:relative;
	display:inline-block;
	padding:2px 22px 2px 10px;
	border-radius:10px;
	margin:7.5px 10px 7.5px 0;
	background:#9ad48a;
	color:#FFF;
}

.taglist span:hover{
	background:#666;
}

.taglist span:after{
	content:"x";
	position:absolute;
	right:6px;
	color:#FFF;
}

.tagCloundHead{
	display:block;
	margin:100px auto;
	border-bottom:1px solid #DDD;
	font-size:36px;
	color:#ccc;
	text-align:center;
	width:50%;
}

.tagCloundHead2{
	display:block;
	margin:80px 0;
	border-bottom:1px solid #DDD;
	font-size:20px;
	text-align:center;
	width:200px;
}


.tagArea{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
}

.tagArea a{
	display:block;
	color:#fff;
	padding:10px 20px;
	border-radius:10px;
	margin:15px;
}

.tagArea a:nth-child(10n+1){
	background:#019fe8;
}

.tagArea a:nth-child(10n+2){
	background:#ff9000;
}

.tagArea a:nth-child(10n+3){
	background:#ff6201;
}

.tagArea a:nth-child(10n+4){
	background:#2771b2
}


.tagArea a:nth-child(10n+5){
	background:#008f5a
}

.tagArea a:nth-child(10n+6){
	background:#c7007d;
}

.tagArea a:nth-child(10n+7){
	background:#008f5a;
}

.tagArea a:nth-child(10n+8){
	background:#454da0;
}

.tagArea a:nth-child(10n+9){
	background:#8bc800;
}


.dashboardHead{
	display:block;
	margin:30px auto;
	border-bottom:1px solid #DDD;
	font-size:24px;
	color:#ccc;
	text-align:center;
	width:50%;
	line-height:3em;
}


.dashPanel1{
	width:44%;
	margin:2%;
	border: 1px solid #DDD;
	border-radius: 10px;
	background:#fff;
	float:left;
	min-width:700px;
}

.dashPanel1 h3{
	text-align:center;
	display:block;
	width:100%;
}

.syncphone{
	display:inline-block;
	margin-left:10px;
	color:#0099CC;
}

.newCustomer{
	background:#b9f2ec;
}

.commontag{
	margin:10px 0;
	float:left;
}

i.tag{
	display:inline-block;
	padding:0 15px;
	line-height:1.75em;
	border:1px solid #DDD;
	border-radius:10px;
	margin:0 5px 5px;
	font-style: normal;
}

.marginspace{
	margin:10px 0;
}

i.tag:hover{
	background: #9ad48a;
	color: #FFF;
}

.coltag span{
	display:inline-block;
	color: #666;
	margin:7.5px;
	line-height: 2em;
	border: 1px solid #DDD;
	border-radius: 10px;
	padding:0 10px;
}

.coltag span.active{
	background: #9ad48a;
	color: #FFF;
}

.taghead:before{
	content:"标签：";
}

.colormark{
	position:relative;
}


.colormark .colorlist{
	position:relative;
	width:100%;
	height:36px;
	margin:auto;
	display:none;
	margin-top:6px;
}


.colormark .colorlist li{
	width:14px;
	height:14px;
	display:inline-block;
	border-radius:50%;
	margin:0 2px;
	cursor:pointer;
	box-shadow: 2px 2px 5px #ccc;
	border:none;
}

.colorlist .color1 {
	background:RGBA(185,242,236,0.6);
}

.colorlist .color2{
	background:RGBA(185,241,204,0.6);
}

.colorlist .color3{
	background:RGBA(242,241,185,0.8);
}

.colorlist .color4{
	background:RGBA(242,185,228,0.6);
}

.colorlist .color0{
	background:white;
}

.color1 .slidepanel{
	background:RGBA(185,242,236,0.6);
}

.color2 .slidepanel{
	background:RGBA(185,241,204,0.6);
}

.color3 .slidepanel{
	background:RGBA(242,241,185,0.6);
}

.color4 .slidepanel{
	background:RGBA(242,185,228,0.6);
}

.color0 .slidepanel{
	background:white;
}

.teamStatistics{
	width:100%;
	text-align:center;
	border-collapse:collapse;
}

.handover{
	margin-left:8px;
	display:inline;
	margin-bottom:-5px;
}

.selectProduct,
.selectnum{
	display:none;
}

.nosale{
	text-align:center;
	font-size:15px;
}

.pricecontrol{
	text-align:center;
	font-size:14px;
}

.pricecontrol td img{
	max-height:80px;
}

.pricecontrol li{
	line-height:40px;
	display:block;
}

.pricecontrol li:nth-child(2n){
	background:#F2F2F2;
}


.pricecontrol li .unit{
	display:inline-block;
	padding:0 20px 0 5px;
}

.pricecontrol li .price{
	display:inline-block;
	padding:0 10px 0 20px;
}

.new:after{
	content:"New";
	position:absolute;
	font-size:10px;
	color:#fff;
	margin-left:8px;
	animation: shine;
	animation-duration:0.3s;
	animation-iteration-count: infinite;
}

@keyframes shine{
	0%{opacity:0.5;}
	100%{opacity:1;}	
}



.claim,
.claim1{
	display: inline-block;
    height: 34px;
    line-height: 34px;
    font-weight: bold;
    color: #0099CC;
    background: url(../images/claim.svg) 0 center no-repeat;
	background-size:20px;
    padding-left: 30px;
}
@media only screen and (max-width:1300px) {
.table2{font-size:11px;}
.table2 .theader{font-size:10px;}
.table2 .col3{width: calc(26% - 30px);padding-left: 15px;}
.table2 .col4, .table2 .col5{
	width:7.5%;
}
}


.statement{
	position:relative;
	font-size:12px;
	-webkit-background-clip: text;
	margin:10px 30px;
	text-align:center;
	background: linear-gradient(to bottom,black, white);
	background-clip: text;
	animation:flashcolor  5s infinite alternate;
}	

@keyframes flashcolor{
        0% {background-position:0 0;}
        100% {background-position:200px 200px;}
}
.postchkbox{margin-top:20px;}