* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family:"Microsoft YaHei","Microsoft JhengHei",STHeiti,MingLiu;}
html { -ms-touch-action: none; margin:0; padding:0; font-size: 625%;background: #fff;}/*1rem = 100px*/}
body{background: #fff; font-size: 0.16rem;}
ol, ul, li, dl, dt, dd { list-style-type: none; }
form, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
body.is-app{ padding-bottom: 0;background: #fff;}
a{ text-decoration: none;}
img{ vertical-align:middle;}

lin-template{ display: none;}

/*
#4285f4
#ea4335
#fbbc05
#34a853
#ea4335
*/

/* CSS Hack
----------------------------------------*/
.classHack { background-color:#FFFF00; *background-color:#00FF00; _background-color:#00FFFF;}

/* 万能Float闭合1
----------------------------------------*/
.clearfix:after { content:" ";display:block;clear:both;visibility:hidden;height:0;font-size: 0; }
.clearfix { display:block;zoom:1; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1%; }

/* 万能Float闭合2
----------------------------------------*/
.clear { height:0px; clear:both; font-size:0px; line-height:0px; zoom:1; }


.lin-tips { position:fixed; left:0; bottom:100px; width:100%; z-index:9999999999; text-align:center; font-size: 12px; }
.lin-tips div{ display:inline-block; background:rgba(0,0,0,0.5); padding:5px 10px; border-radius:5px; color:#fff; text-align:center; }


.wechat-pic { width: 0px; height: 0px; overflow: hidden; }
.zan-bg { position:fixed; z-index:-1; top: 0; right: 0; left: 0; bottom: 0; background: #fff; height: 100%; }
.footer{ padding: 15px 0; text-align: center; color: #999; background: #fff;}
.footer .copyright{ font-size: 11px; line-height: 1.5em; margin-bottom: 0px; }
.footer a{ color: #999;}

.container{ margin-left: auto; margin-right: auto; padding: 0 0 50px;;}
.wrapper{ margin-left: auto; margin-right: auto; position:relative; width:100%; max-width: 750px; color: #ff4700;}
.wrapper img{ width:100%; vertical-align: middle; }

.box-title { margin: 0px 0 10px; text-align: center; }
.box-title h2 { display: inline-block; position: relative; padding: 0 2.5em; font-size: 20px; font-weight: bold; color: #ff4700; }
.box-title h2:before,
.box-title h2:after { position: absolute; top: 50%; margin-top: -1px; width: 2em; height: 2px; background: #ff4700; content: ""; display: block; clear: both; }
.box-title h2:before { left: 0; }
.box-title h2:after { right: 0; }
.box-title h2 img { max-width:100%; width: 36px; margin-right: 5px; }
	
.box-title h3 { margin-top: 10px; display: inline-block; position: relative; padding: 8px 1em; font-size: 18px; font-weight: normal; color: #fff;
	border: 1px solid #217b3b; background: #217b3b;
	-webkit-border-radius: 35px; 
	-moz-border-radius: 35px; 
	border-radius: 35px; 
}

.box-title1 { position: relative; margin: 0px; text-align: center; }
.box-title1 h2 { display: inline-block; position: relative; padding: 0 1.5em 0.1rem 1.5em; font-size: 0.2rem; font-weight: bold; color: #ff4700; height: 0.3rem; line-height: 0.3rem;}
.box-title1 h2:before,
.box-title1 h2:after { position: absolute; top: 50%; margin-top: -1px; width: 1em; height: 2px; background: #ff4700; content: ""; display: block; clear: both; }
.box-title1 h2:before { left: 0; }
.box-title1 h2:after { right: 0; }
.box-title1 h3 { clear: both; padding: 4px 1em; position: relative; display: inline-block; position: relative; font-size: 18px; font-weight: normal; color: #ff4700; border: 1px solid #ff4700;
	webkit-border-radius: 35px; 
	-moz-border-radius: 35px; 
	border-radius: 35px; 
}

.box-title2 { margin: 0px 0 10px; text-align: center; }
.box-title2 h2 { display: inline-block; position: relative; padding: 0 2.5em; font-size: 20px; font-weight: bold; color: #fff; }
.box-title2 h2:before,
.box-title2 h2:after { position: absolute; top: 50%; margin-top: -1px; width: 2em; height: 2px; background: #fff; content: ""; display: block; clear: both; }
.box-title2 h2:before { left: 0; }
.box-title2 h2:after { right: 0; }
.box-title2 h2 img { max-width:100%; width: 36px; margin-right: 5px; }
	
.box-title2 h3 { margin-top: 10px; display: inline-block; position: relative; padding: 8px 1em; font-size: 18px; font-weight: normal; color: #fff;
	border: 1px solid #fff;
	-webkit-border-radius: 35px; 
	-moz-border-radius: 35px; 
	border-radius: 35px; 
}



.zan-edit-nav { position:fixed; z-index: 3; bottom:60px; right: 10px; text-align:center; display: none;}
.zan-edit-nav .zan-edit-nav-btn { padding: 6px; width:40px; height: 40px; background: rgba(0,0,0,0.75); color: #fff; font-size: 11px; line-height: 1.2em; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid rgba(255,255,255,0.75); overflow: hidden;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.3); box-shadow: 1px 1px 3px rgba(0,0,0,0.3);}
.zan-edit-nav .zan-nav{ position:absolute; visibility: hidden; right: 0px; bottom: 40px; text-align: center; font-size: 11px;}
.zan-edit-nav .zan-nav li{ margin-bottom: 5px; line-height:1.2em; }
.zan-edit-nav .zan-nav li.zan-logo img{ vertical-align: middle; }
.zan-edit-nav .zan-nav li a{ display: block; padding: 6px 5px; width: 40px; height: 40px; text-decoration: none;border: 1px solid rgba(255,255,255,0.75); background: rgba(0,0,0,0.75); color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.zan-edit-nav .zan-nav li.zan-logo a{ padding: 6px 5px;}
.zan-edit-nav.active .zan-edit-nav-btn { background: rgba(255,255,255,0.75); color: #000; }
.zan-edit-nav.active .zan-nav{ visibility:visible;}

.zan-edit { position: relative; z-index: 3;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	/*-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.5); 
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);*/
}
.zan-edit .zan-edit-label{ display: none; position: absolute; z-index: 3; left: -1px; top: -25px; height: 24px; line-height: 24px; margin: auto; padding: 0 10px; font-size:11px; text-align: right; font-weight: normal; color: #fff; background: #888; 
	
	-webkit-border-radius: 5px 5px 0 0; 
	-moz-border-radius: 5px 5px 0 0; 
	border-radius: 5px 5px 0 0; 
/*	-webkit-box-shadow:0px -1px 3px rgba(0,0,0,0.5); 
	-moz-box-shadow:0px -1px 3px rgba(0,0,0,0.5);
	box-shadow: 0px -1px 3px rgba(0,0,0,0.5); */
}

.zan-edit-1{ position: relative; z-index: 1; height: 0; padding: 32% 5% 0 5%;  }
.zan-edit-1 .zan-edit-label{ position: absolute; z-index: 3; left:50%; top: auto; bottom: 10px; height: 36px; line-height: 36px; margin: auto; margin-left: -90px; width: 180px; text-align: center; padding: 0 10px; font-size:14px; text-align: center;font-weight: normal;
}

.zan-edit-2{ position: absolute; top: 0; left: 0; right: 0; z-index: 6; width: 100%; height: 0; padding: 36% 12% 0 12%; }
.zan-edit-2 .zan-pic .pic { margin: auto; width: 100%; height: 0; padding-bottom: 100%; }

.lin-dropzone{ display: none;}

.zan-pic { position: relative; z-index: 0;  text-align: center;}
.zan-pic .pic { margin: auto; width: 100%; height: 0; padding-bottom: 100%; }
.zan-pic .pic img { width: 100%; height: auto; vertical-align:middle;}

.pop { width: 100%; height: 0; padding-bottom: 177.86666666667%; background: #fff; overflow: hidden;}
.pop img { width: 100%; vertical-align:middle; float:left;}


.upload-mark{ position: absolute; z-index: 2; left: 0; top: 0; right: 0; width: 100%; height: 177.86666666667%; }
.upload-mark img{ display: block; vertical-align: bottom; width: 100%;}

.pop-header { position: relative; }
.pop-header .txt { position: absolute; bottom: 23px; right: 20px; text-align: right; font-size: 12px; }
.pop-header { position: relative; }
.pop-footer { position: relative; }

.pop-title { position:absolute; z-index: 9998; top: 59.2%; right: 2%; text-align: center; color: #fff; }
.pop-name { color: #fff; font-size: 16px; line-height: 1.5em; }
.pop-company { color: #fff; font-size: 14px; line-height: 1.5em; }

.zan-title {text-align: center; font-weight:bold;color: #4744b1; line-height: 1.5em; padding: 0 8px; border: 1px solid #fff; background: rgba(255,255,255,0.8); font-size: 14px; font-weight: normal; -webkit-border-radius: 26px; 
	-moz-border-radius: 26px; 
	border-radius: 26px;}
.zan-desc {white-space: normal; word-break: break-all; text-align: center;color: #fff; line-height: 1.5em; padding: 0 8px; border: 1px solid #fff; background: rgba(71,68,177,0.8); font-size: 14px; font-weight: normal; 
	-webkit-border-radius: 26px; 
	-moz-border-radius: 26px; 
	border-radius: 26px;}
.zan-desc p { text-indent: 2em; margin-bottom: 1em; }



.pop.active .pop-header .txt { display: none; }
.pop.active .zan-edit { border: none; }
.pop.active .zan-edit-1 .zan-edit-label { display: none;}

.p1 { padding: 3px 3px 20px; }
.p1 dd { width: 33.3333333333%; float: left; }
.p1 dd .box { margin: 3px; border: 2px solid #fff;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1); 
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1); 
}
.p1 dd .box .inner{ position: relative; width: 100%; height: 0; padding-bottom: 177.86666666667%; }
.p1 dd .mmm { position: absolute; z-index: 1; left: 0; top: 0; right: 0; }
.p1 dd .pic { padding: 32% 10% 0 10%; }
.p1 dd .title { position: absolute; z-index: 8; font-size: 1em; line-height: 1em;
top: 57.5%; left: 10%; right: 10%;
  padding: 0 1% 0 1%;
}
.p1 dd .title .name { float: left; 
	width: 28%; 
	transform:scale(0.3);
	-webkit-transform:scale(0.3); 
	-moz-transform:scale(0.3); 
}
.p1 dd .title .company { float: left; 
	margin-left: 3%;
	width: 60%; 
	transform:scale(0.3);
	-webkit-transform:scale(0.3); 
	-moz-transform:scale(0.3); 
}


.p2 { padding: 3px; }
.p2 dd { width: 33.3333333333%; float: left;}
.p2 dd .pic { margin: 3px; }


.person { margin: -10px; }

.person dd { width: 33.3333333333%; float: left; text-align: center;  }

.person dd .box { margin: 10px; overflow: hidden; }
.person dd .pic { margin-bottom: 10px; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden;
}
.person dd .pic img { width: 100%; height: auto; border: 2px solid #fff;
	-webkit-border-radius: 100%; 
	-moz-border-radius: 100%; 
	border-radius: 100%;  }
.person dd .tit { font-size: 10px;  }


.icon-1 { margin: 15px -5px; }
.icon-1 dd { width: 33.33333333333333%; float: left; text-align: center;  }
.icon-1 dd a { color: #fff; font-weight: bold; }
.icon-1 dd .box { margin: 10px; }
.icon-1 dd .pic { overflow: hidden; }
.icon-1 dd .pic img { max-width: 100%; width: 100%; height: auto; }
.icon-1 dd .tit{ margin: 10px 0; font-size: 18px; line-height: 1.5em; overflow: hidden; color: #ff4700; font-weight: bold; }
 

.icon-2 { margin: 15px -5px; }
.icon-2 dd { width: 33.33333333333333%; float: left; text-align: center; border-left: 1px solid #ddd;  }
.icon-2 dd a { color: #fff; font-weight: bold; }
.icon-2 dd .box { margin: 0 15px; }
.icon-2 dd .pic { overflow: hidden; }
.icon-2 dd .pic img { max-width: 100%; width: 100%; height: auto; }
.icon-2 dd .tit{ margin: 10px 0; line-height: 1.5em; overflow: hidden; color: #ff4700;  }
.icon-2 dd .tit strong{ font-size: 18px; line-height: 1.5em; font-weight: bold; }
 
.icon-2 dd:first-child { border-left: none; }


.hd-btn { margin: -3px; }
.hd-btn dd { width: 50%; float: left; text-align: center;  }
.hd-btn dd a { color: #4743b1; font-weight: bold; }
.hd-btn dd .box { margin: 3px; padding-bottom: 5px; background: #fff; overflow: hidden; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
}
.hd-btn dd .pic { overflow: hidden; }
.hd-btn dd .pic img { width: 100%; height: auto; border: 2px solid #fff;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
}
.hd-btn dd .tit{ margin:0.06rem 0; line-height: 0.16rem; height: 0.16rem; overflow: hidden; color: #4743b1;font-size: 0.13rem}


.media-logo { margin: -3px; }
.media-logo dd { width: 33.3333333333%; float: left; text-align: center; }
.media-logo dd .pic { margin: 3px; overflow: hidden; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
}
.media-logo dd .pic img { width: 100%; height: auto; }




.lin-list { overflow: hidden; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
}
.lin-list li{ border-top:1px solid #ddd; background-color:#fff; position:relative; overflow:hidden;}
.lin-list li:first-child{ border-top:none; }
.lin-list li a{ display:block; background-color:#fff; padding: 10px; font-size:14px; line-height:20px; text-decoration:none; }
.lin-list li a:active{ background-color:#efefef; }
.lin-list li img{ vertical-align:middle; }
.lin-list li .pic{ float:right;margin-left: 10px; width: 33.333333333333%; background-color:#efefef; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;}
.lin-list li .pic .pic-box{ overflow: hidden; height: 0; padding-bottom: 75%;}
.lin-list li .pic img{ width: 100%; height: auto; overflow: hidden;}
.lin-list li .txt{ font-size:0.15rem; line-height:24px; font-weight:normal; color:#333;}
.lin-list li .txt .tit{ margin-bottom: 10px; max-height:3em; line-height:1.5em; overflow:hidden; font-size:0.15rem; font-weight:normal; color:#333;}
.lin-list li .txt .desc{ max-height:1.5em; line-height:1.5em; overflow:hidden; font-size:13px; color:#888; }
.lin-list li .txt .date{ margin-top:5px; max-height:1.5em; line-height:1.5em; overflow:hidden; font-size:13px; color:#888; }
.lin-list li.morepic a{ padding-bottom:10px;}
.lin-list li.morepic .pics{ padding:0 5px; overflow:hidden;}
.lin-list li.morepic .pics .pic{ float:left; margin:0; overflow:hidden; width:33.333333333333%; background-color:transparent;}
.lin-list li.morepic .pics .pic div{ margin:0 5px; overflow:hidden; max-height:75px; min-height:75px; background-color:#ccc; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.lin-list li.morepic .pics .pic div img{ max-width:400px; width:100%; height:auto; display:none; }
.lin-list li.nopic .txt .tit,
.lin-list li.morepic .txt .tit{ max-height:28px; height:28px;}

.lin-list li.pic-1 .pics { overflow:hidden;}
.lin-list li.pic-1 .pics .pic{ float: left; margin:0; width: 100%; overflow:hidden; background-color:transparent;}
.lin-list li.pic-1 .pics .pic img{ width:100%; height:auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }

.lin-list li.pic-3 .pics { overflow:hidden;}
.lin-list li.pic-3 .pics .pic{ float:left; margin:0; overflow:hidden; width: 33.333333333333%; background-color:transparent;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.lin-list li.pic-3 .pics .pic:first-child{ -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
.lin-list li.pic-3 .pics .pic:last-child { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.lin-list li.pic-3 .pics .pic div{ margin:0 1px; height: 0; padding-bottom: 60%; overflow:hidden; background-color:#ccc; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.lin-list li.pic-3 .pics .pic div img{ width:100%; height:auto; display:none; }

.lin-list li.morepic .pics { overflow:hidden; padding: 0; }
.lin-list li.morepic .pics .pic{ float:left; margin:0;  overflow:hidden; width: 33.333333333333%; background-color:transparent;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.lin-list li.morepic .pics .pic:first-child{ -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; }
.lin-list li.morepic .pics .pic:last-child { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.lin-list li.morepic .pics .pic div{ margin:0 1px; height: 0; padding-bottom: 60%; overflow:hidden; background-color:#ccc; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.lin-list li.morepic .pics .pic div img{ width:100%; height:auto; display:none; }

.lin-list.lin-list-w li{ background: #fff;}
.lin-list.lin-list-w li a{ background: #fff;}





.pop-box{ display: none; position: absolute; z-index: 99; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.85); text-align: center;}
.pop-box img{ width: 60%; margin: 20px auto 10px; vertical-align: middle;}
.pop-box .pop-box-pic{ -moz-box-shadow: 3px 3px 10px #000; -webkit-box-shadow: 3px 3px 10px #000; box-shadow: 3px 3px 10px #000; }
.pop-box .pop-box-txt{ color: #fff; font-size: 14px; }



.zan-avatar-box{ padding: 10px 0 20px;}
.zan-avatar-box h2{ text-align: center; font-size: 18px; font-weight: normal; width: 190px; margin: auto; margin-bottom: 10px; position: relative;}
.zan-avatar-box h2 .icon-lft{ position: absolute; top:13px; left: 10px; display: block; height: 2px; width: 20px; background: #fff;}
.zan-avatar-box h2 .icon-rgt{ position: absolute; top:13px; right: 10px; display: block; height: 2px; width: 20px; background: #fff;}
.zan-avatar-more{ text-align: center;  font-size: 24px;}

.zan-groups { margin: 0 15px; }
.zan-groups li { width: 20%; float: left; text-align: center; margin-bottom: 10px; }
.zan-groups li .zan-avatar { text-align: center; }
.zan-groups li .zan-avatar .pic { margin: auto; width: 42px; height: 42px; background: #fff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; border: 1px solid #fff; overflow: hidden; }
.zan-groups li .zan-avatar .pic img { width: 40px; height: 40px; -moz-border-radius: 100%; border-radius: 100%; vertical-align: middle; }
.zan-groups li .zan-avatar .txt { font-size: 10px; height: 2em; line-height: 2em; overflow: hidden; }

.zan-like { position: relative; margin: 2px; padding: 0 10px; display: block; overflow: hidden; height: 40px; line-height: 40px; background: #fff; color: #b31457; font-size: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-left: 1px solid #990000; border-right: 1px solid #990000; border-bottom: 2px solid #990000; color: #fff; background: #aa0000; background: -moz-linear-gradient(top, #333333, #aa0000); background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333333), to(#aa0000)); background: -o-linear-gradient(top, #333333, #aa0000); }
.zan-like .likes { float: right; font-size: 24px; }
.zan-like .icon-heart { display: none; width: 62px; height: 70px; right: 5px; bottom: 40px; position: absolute; font-size: 48px; line-height: 1em; color: #fff; }
.zan-like .like-num { font-size: 24px;}

.zan-me{ position:fixed; z-index: 3; top:10px; right: 10px; text-align:center; display: none;}
.zan-me .pic { width: 50px; height: 50px; background: #fff; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid rgba(255,255,255,0.75); overflow: hidden;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.3); box-shadow: 1px 1px 3px rgba(0,0,0,0.3);}
.zan-me .pic img{ width: 48px; height: 48px; text-align: center; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; vertical-align: middle; }
.zan-me .txt{ text-shadow: 1px 1px 1px rgba(0,0,0,0.75); font-size: 10px; height: 2em; line-height: 2em; overflow: hidden; color: #fff;text-align: center; }
.zan-me .zan-nav{ position:absolute; visibility: hidden; width: 165px; right: 50px; top: 0px; text-align: center;font-size: 12px;;}
.zan-me .zan-nav li{ float: left; margin-right: 2px; line-height:1.2em; }
.zan-me .zan-nav li.zan-logo img{ vertical-align: middle; }
.zan-me .zan-nav li a{ display: block; padding: 10px 5px; width: 50px; height: 50px; text-decoration: none; border: 1px solid rgba(255,255,255,0.75); background: rgba(0,0,0,0.75); color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.zan-me .zan-nav li.zan-logo a{ padding: 6px 5px;}
.zan-me.active .zan-nav{ visibility:visible;}



.footer { }
.footer img { width: 100%; vertical-align:middle; }
.footer-nav { position: fixed; z-index: 999; left: 0; bottom: 0; width:100%;
	-webkit-box-shadow: 0px -1px 3px rgba(0,0,0,0.2); 
	-moz-box-shadow: 0px -1px 3px rgba(0,0,0,0.2);
	box-shadow: 0px -1px 3px rgba(0,0,0,0.2); 
}
.footer-nav .footer-bg { background: #fff; }
.footer-nav .footer-bg dl { margin: 0; padding: 5px 3px; }
.footer-nav .footer-bg dl dd { float: left; width: 33.333333333%; }
.footer-nav .footer-bg dl dd a { display: block; margin: 0 2px; font-size: 0.15rem; font-weight: bold; height: 36px; line-height: 36px; text-align: center; background: #b866cf; color: #fff; text-decoration: none;
	-webkit-border-radius: 30px; 
	-moz-border-radius: 30px; 
	border-radius: 30px; 
}
.footer-nav .footer-bg dl dd:first-child { }
.footer-nav .footer-bg dl dd:first-child a {  }
.footer-nav .footer-bg dl dd:last-child {  }
.footer-nav .footer-bg dl dd:last-child a { background: #b866cf; color: #fff; }

.footer-nav-tab li{ float:left; width:50%; font-size:16px; }
.footer-nav-tab li a{ display:block; height:50px; line-height:50px; text-align:center; color:#fff; }



.style-nav { position: fixed; z-index: 99; left: 5px; top: 49%; color: #8e21a0;text-align: center;}
.style-nav a { text-decoration: none;; color: #8e21a0 }
.style-nav .style-bg dl { margin: 0; }
.style-nav .style-bg dl dt,
.style-nav .style-bg dl dd { line-height: 26px;}
.style-nav .style-bg dl dt { padding: 0 10px; background: rgba(255,255,255,1); font-size: 12px; font-weight: normal; 
	-webkit-border-radius: 40px; 
	-moz-border-radius: 40px; 
	border-radius: 40px; 
}
.style-nav .style-bg dl dd a { display: block; margin: 0 2px; padding: 0 8px; font-size: 12px; font-weight: normal; height: 26px; line-height: 24px; text-align: center; border: 1px solid #fff; background: rgba(255,255,255,0.5); color: #8e21a0; text-decoration: none;
	-webkit-border-radius: 40px; 
	-moz-border-radius: 40px; 
	border-radius: 40px; 
}
.style-nav .style-bg dl dd.active a{ background: #8e21a0; color: #fff; }


@-webkit-keyframes reverseRotataZ{
	0%{-webkit-transform: rotateZ(0deg);}
	100%{-webkit-transform: rotateZ(-360deg);}
}
@-webkit-keyframes rotataZ{
	0%{-webkit-transform: rotateZ(0deg);}
	100%{-webkit-transform: rotateZ(360deg);}
}

.section { color: #424242; font-size: 0.15rem; line-height:0.26rem; text-align: justify; font-family: 'Microsoft YaHei' }
.section p { margin-bottom: 0.1rem;; text-indent:2em; }



.owl-pic .owl-nav { position: absolute; left: 0; bottom:50%; z-index: 999; width: 100%; height: 0; text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-pic .owl-nav button.owl-prev,
.owl-pic .owl-nav button.owl-next{ font-family: simsun; background: #000; color: #FFF; font-size: 24px; margin: 0px; width: 50px; height: 50px; line-height: 50px; display: block; cursor: pointer; filter:alpha(opacity=20); -moz-opacity:0.20; -khtml-opacity: 0.20; opacity: 0.20; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; }
.owl-pic .owl-nav button[class*='owl-']:hover { color: #FFF; text-decoration: none; filter:alpha(opacity=30); -moz-opacity:0.30; -khtml-opacity: 0.30; opacity: 0.30; }
.owl-pic .owl-nav button.owl-prev{ position: absolute; left: -25px; top: -25px; text-align: right; padding-right: 8px!important;}
.owl-pic .owl-nav button.owl-next{ position: absolute; right: -25px; top: -25px; text-align: left; padding-left: 8px!important;}
.owl-pic .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-pic .owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-pic .owl-dots { position: absolute; left: 0; bottom:32px; z-index: 999; width: 100%; height: 0; text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-pic .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline;}
.owl-pic .owl-dots .owl-dot span { position: relative; width: 14px; height: 14px; margin: 5px 5px; background: rgba(255,255,255,0.2); border: 4px solid rgba(128,128,128,0.0); display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; }
.owl-pic .owl-dots .owl-dot.active span,
.owl-pic .owl-dots .owl-dot:hover span { border: 4px solid rgba(128,128,128,0.3); }
.owl-pic .owl-dots .owl-dot span:after{ content: "";  display: block; position: absolute; left: 0px; top: 0px; width: 6px; height: 6px; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid rgba(128,128,128,0.2); -webkit-transition: all .2s ease; -o-transition: all ease .2s; -moz-transition: all ease .2s; transition: all .2s ease;}
.owl-pic .owl-dots .owl-dot.active span:after,
.owl-pic .owl-dots .owl-dot:hover span:after{ border: 2px solid #fff; background: #fff; }

.owl-block { margin: 20px 0; }
.owl-pic { overflow: hidden;

-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px; 
}
.owl-pic .item { position: relative; }
.owl-pic .item .pic { }
.owl-pic .item .pic img{ width: 100%; height: auto; }
.owl-pic .item .txt{ position: absolute; left: 0; right: 0; bottom: 0px; padding: 0 10px; height: 65px; line-height: 40px; font-size: 16px; background:rgba(255,255,255,0.0); color: #111; overflow: hidden; text-align: center;}
.owl-pic .item .txt em{ height: 48px; line-height: 48px; overflow: hidden; display: block; font-style: normal;}

.owl-pic.owl-pic-txt .item { background: #fff; padding-bottom: 50px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }



.pop-box { display: none; z-index: 9999999999999999999; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.85); color: #fff; ; }
.pop-box.active { display: block; }
.pop-box .pop-box-close { position: absolute; left: 50%; bottom: 50px; background: rgba(255,255,255,0.25); margin-left: -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 32px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.pop-box .pop-box-bg { text-align: right; padding: 10px; }
.pop-box .pop-box-bg img { margin: auto; }
.pop-box .pop-box-txt { margin-top: 20px; font-size: 18px; text-align: center; }

.btn_musicbox{ display: block; z-index:99999; position:fixed; top:15px; right:15px;border-radius: 30px; -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.1); -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.1); box-shadow: 0px 1px 3px rgba(0,0,0,0.1); background:rgba(255,255,255,0.3); border: 1px solid #fff; width: 26px; height: 26px;}
.btn_music{ display: block;width: 26px; height: 26px;border-radius: 30px; background: url(../images/music_off.png?v1) no-repeat center center;background-size: 26px;}
.btn_music.on{ background: url(../images/music.png?v1) no-repeat center center;background-size: 26px;-webkit-animation: rotataZ 1.2s linear infinite;}


.heart { background: url(/zan/assets/css/images/web_heart_animation.png); background-position: left; background-repeat: no-repeat; height: 100px; width: 100px; cursor: pointer; position: absolute; left: -14px; background-size: 2900%; }
.heart:hover,
.heart:focus { background-position: right; }
@-webkit-keyframes heartBlast {
	0% {
		background-position: left;
	}
	100% {
		background-position: right;
	}
}
@keyframes heartBlast {
	0% {
		background-position: left;
	}
	100% {
		background-position: right;
	}
}
.heartAnimation { display: inline-block; -webkit-animation-name: heartBlast; animation-name: heartBlast; -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: steps(28); animation-timing-function: steps(28); background-position: right; }


/*lin-pop*/
.lin-pop { display: none; z-index: 9999999999999999999; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.85); color: #fff; -webkit-overflow-scrolling: touch; -ms-touch-action: pan-y; overflow:auto;}
.lin-pop.active { display: block; }
.lin-pop .lin-pop-container{ padding: 0}
.lin-pop .lin-pop-form{ margin: 10px; }
.lin-pop .lin-pop-hd{ height: 40px; padding: 0px; border-bottom: 1px solid rgba(255,255,255,0.3); }
.lin-pop .lin-pop-hd h2{ line-height: 40px; font-size: 18px;}
.lin-pop .lin-pop-bd{ padding: 10px 0; }
.lin-pop .lin-pop-ft{ height: 60px; border-top: 1px solid rgba(255,255,255,0.3); padding-top: 10px; text-align: center;}
.lin-pop .lin-pop-close { position: absolute; left: 50%; bottom: 50px; background: rgba(255,255,255,0.25); margin-left: -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 32px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }
.lin-pop .lin-pop-bg { text-align: right; padding: 10px; }
.lin-pop .lin-pop-txt { margin-top: 80px; font-size: 18px; text-align: center; }
.lin-pop .form-list{ font-size: 14px;}
.lin-pop .form-list .form-group{ margin-bottom: 10px;}
.lin-pop .form-list .form-caption{ margin-bottom: 5px; }
.lin-pop .form-list .form-element{ margin-bottom: 5px; }
.lin-pop .form-list .form-help{ font-size: 12px; color: #bbb; }
.lin-pop .form-list .form-label{ font-weight: normal; margin: 0; line-height: 1em; }

.lin-pop .form-list .form-input,
.lin-pop .form-list .form-textarea { width:100%; padding: 6px 6px; border:none; font-size: 14px; color: #333; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.lin-pop .form-list .form-input{ height: 36px; }
.lin-pop .form-list .form-textarea { resize: none; }
.lin-pop .form-btn { height: 40px; padding: 5px 10px; min-width: 120px; border:none; font-size: 14px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.lin-pop .form-btn.form-btn-cancel{ background: #555; color: #fff; }
.lin-pop .form-btn.form-btn-ok{ background: #ea4335; color: #fff; }
.lin-pop .form-btn-line { border: 1px solid rgba(255,255,255,0.55); color: #ddd; background: rgba(255,255,255,0.25); padding: 0 5px; height: 22px; font-size: 12px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}




/*会员*/
.zan-navbar { height: 44px; background: #e21017; color: #fff;}
.zan-navbar a{ text-decoration: none; }
.zan-navbar li.zan-bt{ float: left; width:50%; text-align: center; font-size: 16px; }
.zan-navbar li.zan-bt a{ display: block; height: 44px; line-height: 44px; color: #fff;}
.zan-navbar li.zan-bt a:hover{ background: #c1a127;}
.zan-navbar li.zan-bt:nth-child(1) a{ padding-right: 30px; }
.zan-navbar li.zan-bt:nth-child(2) a{ padding-left: 30px; }
.zan-navbar li.zan-my{ position: absolute; width: 70px; margin-left: -35px; left: 50%; bottom:5px; z-index: 3; }
.zan-navbar li.zan-my .pic { width: 70px; height: 70px; background: #fff; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid rgba(255,255,255,0.75); overflow: hidden;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.3); box-shadow: 1px 1px 3px rgba(0,0,0,0.3);}
.zan-navbar li.zan-my .pic img{ width: 68px; height: 68px; text-align: center; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; vertical-align: middle; }
.zan-navbar li.zan-my .txt{ text-shadow: 1px 1px 1px rgba(0,0,0,0.75);  font-size: 11px; height: 2em; line-height: 2em; overflow: hidden; color: #fff;text-align: center; }
.zan-navbar li.zan-my .zan-nav{ position:absolute; visibility: hidden; padding: 0 10px; width: 200px; left: -65px; bottom: 80px; text-align: center; font-size: 12px; border: 1px solid rgba(255,255,255,0.5); background: rgba(0,0,0,0.90); color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.75); overflow: hidden;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.3);}
.zan-navbar li.zan-my .zan-nav li{ height: 36px; line-height: 36px; border-top: 1px dotted rgba(255,255,255,0.5);; }
.zan-navbar li.zan-my .zan-nav li div{ float: left; width: 50%; }
.zan-navbar li.zan-my .zan-nav li div:nth-child(1){ text-align: right;}
.zan-navbar li.zan-my .zan-nav li div:nth-child(2){ text-align: left; height: 36px;overflow: hidden;} 
.zan-navbar li.zan-my .zan-nav li.zan-logo { height: 64px; line-height:1.2em; font-size: 14px; border-top: none;}
.zan-navbar li.zan-my .zan-nav li.zan-logo img{ vertical-align: middle; }
.zan-navbar li.zan-my .zan-nav li a{ display: block; color: #fff; height: 36px; line-height: 36px; text-decoration: none; }
.zan-navbar li.zan-my .zan-nav li.zan-logo a{ padding: 6px 5px; line-height:1.2em; font-weight: bold; }
.zan-navbar li.zan-my.active .zan-nav{ visibility:visible;}


/*列表*/
.zan-list-box{ padding: 10px 0 20px;margin-top: 10px;}
.zan-list-box h2{  text-align: center; font-size: 18px; font-weight: normal; width: 190px; margin: auto; margin-bottom: 10px; position: relative;}
.zan-list-box h2 .icon-lft{ position: absolute; top:8px; left: 10px; display: block; height: 2px; width: 20px; background: #fff;}
.zan-list-box h2 .icon-rgt{ position: absolute; top:8px; right: 10px; display: block; height: 2px; width: 20px; background: #fff;}
.zan-list-more{ text-align: center;  font-size: 24px;}

.zan-list { padding: 0 10px;  }
.zan-list li{ height: 100px; margin-bottom: 10px; position: relative; overflow: hidden;}
.zan-list li a{ color: #fff; text-decoration: none;}
.zan-list li .pic{ float: left; margin-right: 10px; width: 80px; height: 80px; overflow: hidden; border: 1px solid rgba(255,255,255,0.75); -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius:5px;}
.zan-list li .pic img{width: 80px; height: 80px;}
.zan-list li .tit{ max-height: 3em; line-height: 1.5em; overflow: hidden; font-size: 16px; word-break: break-all;}
.zan-list li .date{ position: absolute; left: 100px; bottom: 10px; font-size: 13px; color:#aaa}
.zan-list li .viewbar{ padding: 10px; background: rgba(255,255,255,0.15); -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius:5px; }

.zan-list li .editbar{ z-index: 9; position: absolute; left: 0; right: 0; bottom: -50px; height: 40px; line-height: 40px; text-align: center; background: rgba(255,255,255,0.90);-webkit-border-radius: 5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px rgba(0,0,0,0.3); transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s; }
.zan-list li .editbar a{ display: block; width: 33.3333333%; border-left: 1px solid #ccc; float: left; color: #333;  }
.zan-list li .editbar a:first-child{ border-left:none; }

.zan-list li.active .editbar{ bottom: 0; }

.zan-list-none{ padding:60px 0 10px;}
.zan-list-none a{ text-decoration: none;} 
.zan-list-none .zan-list-btns{ text-align: center;}
.zan-list-none .zan-list-btns .t1{ color: #c1a127; font-size: 30px; line-height: 1.2em;}
.zan-list-none .zan-list-btns .t2{ margin: auto; width:120px; height: 30px; line-height: 30px; background: #c1a127; color: #fff; font-size: 18px; }
.zan-list-none .zan-list-btns .t3{ margin-top: 10px; color: #fff; font-size: 15px; line-height: 1.2em; }

.zan-buy-box{ padding:15px 15px 30px;}
.zan-buy-box a{ text-decoration: none; color: #fff; display: block;} 
.zan-buy-box .zan-buy-btns{ text-align: center;}
.zan-buy-box .zan-buy-btns li{ position: relative; margin-bottom: 10px; background: rgba(0,0,0,0.1); color: #fff; font-size: 16px; line-height: 1.2em; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #c1a127; overflow: hidden; -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.3); -moz-box-shadow:2px 2px 5px rgba(0,0,0,0.3); box-shadow: 2px 2px 5px rgba(0,0,0,0.3);}
.zan-buy-box .zan-buy-btns .tit{ padding:10px 10px 0; color: #c1a127; line-height: 1.2em; font-size: 24px;}
.zan-buy-box .zan-buy-btns .txt{ padding:0px 10px 10px; margin-top: 5px; color: #fff; line-height: 1.2em; font-size: 14px;}

.zan-buy-box .zan-buy-btns .label{ position: absolute; left: 0; top: 0; right: 0; bottom:0; background: rgba(0,0,0,0.5); color: #fff; font-size: 20px; line-height:80px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; font-weight: normal; text-shadow: 2px 2px 10px rgba(0,0,0,1);}
.zan-buy-box .zan-buy-btns .t1{ color: #c1a127; line-height:1.2em;}
.zan-buy-box .zan-buy-btns .t2{ }
.zan-buy-box .zan-buy-btns .t3{ }


.zan-wechat{ margin:30px 0 50px;text-align: center;}
.zan-wechat .zan-wechat-pic{  }
.zan-wechat .zan-wechat-pic img{ width: 140px; }
.zan-wechat .zan-wechat-txt{ margin-top: 10px; font-size: 12px; text-align: center;}


.pop-box-transparent { display: none; z-index: 9999999999999999999; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.0); color: #fff; }
.pop-box-transparent.active { display: block; }
.pop-box-transparent .pop-box-close { position: absolute; left: 50%; bottom: 50px; background: rgba(255,255,255,0.25); margin-left: -25px; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 32px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.pop-box-transparent .pop-box-bg { text-align: right; padding: 10px; }
.pop-box-transparent .pop-box-bg img { margin: auto; }
.pop-box-transparent .pop-box-txt { margin-top: 80px; font-size: 18px; text-align: center; }

.pop-tab{ position: absolute; top: 50%; left: 50%; margin:-160px 0 0  -115px; width: 230px; -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px rgba(0,0,0,0.5); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden;}
.pop-tab .pop-tab-hd{ height: 44px; background: rgba(51,51,51,0.75); }
.pop-tab .pop-tab-hd ul li{ float: left; width: 50%; text-align: center; height: 44px; line-height: 44px;} 
.pop-tab .pop-tab-hd ul li.active{ background: rgba(128,128,128,0.95);-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} 
.pop-tab .pop-tab-bd { padding: 10px; background: rgba(128,128,128,0.95);}
.pop-tab .pop-tab-bd .colpick-box{ display: none;}
.pop-tab .pop-tab-bd .colpick-box.active{ display: block; }
.pop-tab .pop-tab-ft{ padding: 0 6px; height: 42px; background: rgba(128,128,128,0.95); -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.pop-tab .pop-tab-ft ul li{ float: left; width: 50%; text-align: center;  }
.pop-tab .pop-tab-ft .pop-btn-ok{ width: 100px; height: 32px; font-size: 16px; border:none; background:#ea4335; color: #fff;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 
.pop-tab .pop-tab-ft .pop-btn-cancel{ width: 100px; height: 32px; font-size: 16px; border:none; background: #555; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } 

.loading { padding: 30px 0; margin: 50px; text-align: center; font-size: 18px; color: #fff; border: 1px solid #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}

/*上传*/
.upload-ladyer { position: relative; z-index: 1; }
.upload-ladyer .media-heading{ margin-bottom:10px;}
.upload-ladyer .media-heading-txt{color:#888; font-size:12px}
.upload-ladyer .upload-imgbox{ display:table; border:1px solid #ccc; width:64px; height:64px; background:#eee;}
.upload-ladyer .upload-imgbox label{ display:table-cell; text-align:center; vertical-align:middle; background:#fff; cursor:pointer; }
.upload-ladyer .upload-imgbox label .upload-bg{ width:62px; height:40px; background:#fff; color:#aaa; cursor:pointer; font-size:12px; font-weight:normal; }
.upload-ladyer .upload-imgbox label i{ font-size:24px; }
.upload-ladyer .upload-imgbox label span{ display:block;}
.upload-ladyer .upload-imgbox .upload-img{ display:none; max-width:62px; max-height:62px; vertical-align:middle; background:#eee; text-align:center;}
.upload-ladyer.active .upload-imgbox .upload-bg{ display:none; }
.upload-ladyer.active .upload-imgbox .upload-img{ display:inline-block; }

#upload_queue {position:fixed;top:50%;left:10%;width:80%;margin-top:-40px;overflow: auto;color:#333;}
.upload-img1{ position:absolute; right:0; top:-18px; padding:1px; background:#fff; display:none;}
.upload-img1 img{ max-width:100px; max-height:50px; vertical-align:middle;}

/*图片裁剪*/
.cropper-upload .img-container,
.cropper-upload .img-preview { background-color: #f7f7f7; width: 100%; text-align: center; }
.cropper-upload .img-container { min-height: 240px; max-height: 240px; margin-bottom:10px; overflow:hidden; }





body.style-1 .pop-title { color: #fff;}
body.style-2 .pop-title { color: #fff;}
body.style-3 .pop-title { color: #fff;}

@media (min-width: 768px) {
.cropper-upload .img-container { min-height:320px; }
}
.cropper-upload .img-container > img { max-width: 100%; }
.cropper-upload .cropper-preview { margin-right: -15px; }
.cropper-upload .img-preview { float: left; margin-right: 10px; margin-bottom: 10px; overflow: hidden; }
.cropper-upload .img-preview > img { max-width: 100%; }
.cropper-upload .preview-lg { width: 263px; height: 148px; }
.cropper-upload .cropper-upload .preview-md { width: 139px; height: 78px; }
.cropper-upload .preview-sm { width: 69px; height: 39px; }
.cropper-upload .preview-xs { width: 35px; height: 20px; margin-right: 0; }
.cropper-upload .owl-carousel{ display:none}
.cropper-upload .cropper-data{ display:none}
.cropper-upload .cropper-data > .input-group { margin-bottom: 10px; }
.cropper-upload .cropper-data > .input-group > label { }
.cropper-upload .cropper-data > .input-group > span {  }
.cropper-upload .cropper-buttons > .btn,
.cropper-upload .cropper-buttons > .btn-group,
.cropper-upload .cropper-buttons > .form-control { margin-bottom: 10px; outline:none; }
.cropper-upload .cropper-toggles > .btn,
.cropper-upload .cropper-toggles > .btn-group,
.cropper-upload .cropper-toggles > .dropdown { margin-bottom: 10px; }
.cropper-upload .cropper-tooltip { display: block; margin: -6px -12px; padding: 6px 12px; min-width:40px;outline:none; }
.cropper-upload .cropper-tooltip > .tooltip { border:0; outline:none; }
.cropper-upload .cropper-tooltip > .icon { margin: 0 -3px; vertical-align: middle; }
.cropper-upload .tooltip-inner { white-space:nowrap; }

@media (max-width: 400px) {
.cropper-upload .btn-group-crop { margin-right: -15px!important; }
.cropper-upload .btn-group-crop > .btn { padding-left: 5px; padding-right: 5px; }
.cropper-upload .btn-group-crop .cropper-tooltip { margin-left: -5px; margin-right: -5px; padding-left: 5px; padding-right: 5px;  }
}

@media (max-width: 320px) {
	.pop-title {  top: 78%; left: 9%; right: 9%;  }
}
.cropper-upload .cropper-options .dropdown-menu { width: 100%; }
.cropper-upload .cropper-options .dropdown-menu > li { padding: 3px 20px; }
.cropper-upload .cropper-options .dropdown-menu > li:hover { background-color: #f7f7f7; }
.cropper-upload .cropper-options .dropdown-menu > li > label { display: block; }
.cropper-upload .cropper-cropped .modal-body { text-align: center; }
.cropper-upload .cropper-cropped .modal-body > img,
.cropper-upload .cropper-cropped .modal-body > canvas { max-width: 100%; }
.cropper-upload .cropper-cropped .modal-footer { text-align: center; }
.cropper-upload .modal-body { text-align: center; }
.cropper-upload .modal-body > img,
.cropper-upload .modal-body > canvas { max-width: 100%; }
.cropper-upload .modal-footer { text-align: center; }
.cropper-upload .owl-carousel .item{ border:1px solid #eee; height:60px; max-height:60px;}