@charset "utf-8";
@import "../../message/css/message.scss";
/*3.5需求 start*/
.website-data{margin-bottom:20px;overflow:hidden;}
.website-data ul{margin-left:-20px;}
.website-data li{border:solid 1px #e5e5e5;padding:29px 0 30px;height:176px;margin-left:20px;background:#fff;float:left;text-align:center;}
.website-data li p{font-size:12px;}
.website-data .gmIcon{font-size:50px;display:inline-block;line-height:1;}
.website-data strong{display:block;font-weight:400;font-size:20px;padding:11px 0;}
.website-data strong small{font-size:12px;}
.data-type a:hover{text-decoration:none!important;}
.pay .icon{background:#4bc5d1;}
.pay .data-type, .pay .data-type a{color:#4bc5d1;}

.fill .icon{background:#ff9248;}
.fill .data-type, .fill .data-type a{color:#ff9248;}

.redpacket .icon{background:#f98282;}
.redpacket .data-type, .redpacket .data-type a{color:#f98282;}

.used .icon{background:#ffc200;}
.used .data-type, .used .data-type a{color:#ffc200;}

.freeze .icon{background:#c4c4c4;}
.freeze .data-type, .freeze .data-type a{color:#c4c4c4;}

.website{margin-bottom:20px;}
.website>div{width:470px;float:left;background:#fff;border:solid 1px #e5e5e5;height:160px;}
.website>div:last-child{margin-left:20px;padding:0 25px 0 15px;}

.traffic-item{margin-top:45px;float:left;width:25%;text-align:center;font-size:12px;color:#666;}
.traffic-item strong{font-weight:400;font-size:24px;color:#333;}
.traffic-item p{padding-top:6px;}

.website-info{position:relative;padding:20px 20px 20px 140px;}
.website-info .website-weixin{color:#c4c4c4;font-size:12px;width:100px;text-align:center;position:absolute;left:20px;top:20px;}
.website-info .website-weixin img{width:100px;height:100px;}
.website-info .website-weixin p{padding-top:3px;}
.website-info h1{padding:0 0 5px 0;margin:0;font-size:26px;}
.website-count{margin-top:15px;color:#999;}
.website-count label{font-weight:400;font-size:12px;}
.website-count em{margin-left:3px;font-style:normal;font-size:16px;color:#333;}
.website-count span{margin-right:30px;font-size:12px;color:#666;}

.redpacket-alert{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:10000;
}
.redpacket-alert .alert-mask{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.7;
}
.redpacket-alert .alert-close{
	width:26px;
	height:26px;
	position:absolute;
	cursor:pointer;
	top:20px;
	right:20px;
	display:inline-block;
	background:url(../images/closeWhite.png);
}
.redpacket-alert .alert-close:hover{background:url(../images/closeMouseOver.png);}
.redpacket-alert .alert-content{
	position:absolute;
	top:50%;
	left:50%;
	width:530px;
	height:420px;
	margin-top:-250px;
	margin-left:-265px;
	background:url(../images/redpacket.png) center center no-repeat;
}
.redpacket-alert .alert-content .link{position:absolute;left:50%;margin-left:-89px;bottom:-40px;display:inline-block;width:178px;height:62px;background:url(../images/redpacket-btn.png);}
.redpacket-alert .alert-content .link:hover{background:url(../images/redpacket-btn-hover.png);}
/*3.5需求 end*/

.content_body .col2 *,
.content_body .col3 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input {
  height: 24px;
  font-size: 14px; }

image {
  border: 0; }

.fr {
  float: right; }

.fl {
  float: left; }

.clear {
  clear: both; }

.f14 {
  font-size: 14px; }

.save_btn {
  background-color: #a1d851;
  margin: 5px 10px; }

.save_btn:hover {
  background-color: #89c92d; }

.hide {
  display: none; }

.rl {
  position: relative; }

.col {
  background-color: #fafbfd;
  display: inline-block;
  margin-top: 0px;
  text-align: center; }

.col1 {
  float: left; }

.col2 {
  text-align: center;
  width: 900px; }

.col2 .bar {
  width: 300px;
  height: 32px;
  border: 1px solid #ccc;
  margin: 20px auto 10px;
  border-radius: 5px; }

.col2 .bar a {
  width: 50%;
  display: inline-block;
  float: left;
  line-height: 30px; }

.col2 .bar a.current {
  color: #fff;
  background: #5bc0de; }

.col2 .row2 a {
  line-height: 30px; }

.col2 .row2 a i {
  vertical-align: middle;
  margin-left: 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../images/icon-Edit.png) center center no-repeat; }

.col2 .row3 {
  padding: 20px 0px; }

#template, #background {
  width: 700px;
  height: auto;
  margin: 0px auto;
  padding: 0; }

.col2 .row3 .imglist {
  padding: 0;
  width: 100%; }

.col2 .row3 .imglist li {
  list-style: none;
  width: 120px;
  height: 200px;
  overflow: hidden;
  display: inline-block;
  margin: 5px;
  padding: 0;
  position: relative;
  background: url("../images/mset-selected.png"); }

.col2 .row3 .imglist li img {
  width: 100%; }

.col2 .row3 .imglist li img.unselected {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer; }

.col2 .row3 .imglist li:hover img.unselected, .col2 .row3 .imglist li img.selected {
  display: block; }

.col2 .row3 .imglist li a {
  position: absolute;
  bottom: 0;
  color: #fff;
  display: block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  background-color: #5bc0de; }

.col2 .row3 .imglist li a.selected {
  background-color: #2390b0; }

.col2 .row3 .pagination {
  margin: 10px auto; }

.col3 {
  float: right;
  width: 410px;
  height: 710px;
  border-radius: 5px; }

.col3 .row1 {
  width: 300px;
  height: 55px;
  background: url(../images/col3_bg.png) center center no-repeat;
  line-height: 50px; }

.col3 .row1 .cancel_btn {
  color: #fff;
  text-align: center;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  font-size: 14px;
  border-radius: 5px;
  display: inline-block;
  background-color: #ff7f79;
  padding: 0 25px; }

.col3 .row1 .cancel_btn:hover {
  background-color: #ff4e46; }

.col3 .row1 .next_btn,
.col3 .row1 .mod_btn {
  color: #fff;
  text-align: center;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  font-size: 14px;
  border-radius: 5px;
  display: inline-block;
  background-color: #a1d851;
  padding: 0 25px; }

.col3 .row1 .next_btn:hover,
.col3 .row1 .mod_btn:hover {
  background-color: #89c92d; }

.col3 .row2 iframe {
  border: 0;
  width: 100%;
  height: 710px; }

.col3 .row2 .mask {
  position: absolute;
  height: 520px;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #fff;
  opacity: 0; }

.col3 .row2 .text {
  position: absolute;
  color: #fff;
  font-size: 14px;
  cursor: move;
  left: 0;
  top: 0;
  border: 1px dashed #1A1919;
  padding: 5px 5px;
  display: none;
  width: auto; }

.dialog_custom.ui-dialog .ui-dialog-content {
  padding: 0; }

.dialog_custom.ui-widget-content {
  border: 0; }

.dialog_custom .ui-widget-header {
  border: 0;
  background: #5bc0de;
  color: #fff;
  border-bottom: 4px solid #f2d7c2;
  margin-left: -4px;
  margin-top: -4px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px; }

.dialog_custom .ui-widget-header .ui-dialog-titlebar-close {
  display: none; }

.dialog_custom .content {
  margin-left: 30px;
  margin-bottom: 10px;
  line-height: 40px; }

.dialog_custom .content input {
  width: 270px; }

.dialog_custom .buttonbar {
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  border-top: 1px solid #f2d7c2;
  clear: both; }

.dialog_custom .buttonbar .save_btn {
  color: #fff;
  text-align: center;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  font-size: 14px;
  border-radius: 5px;
  display: inline-block;
  background-color: #a1d851;
  padding: 0 20px 0 50px;
  margin: 5px 20px;
  position: relative; }

.dialog_custom .buttonbar .save_btn:hover {
  background-color: #89c92d; }

.dialog_custom .buttonbar .save_btn i {
  position: absolute;
  left: 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  top: 2px;
  background: url(../images/icon-Preservation.png) center center no-repeat; }

.ui-dialog .ui-dialog-content.plan_dialog {
  padding: 0; }

.arrow {
  box-shadow: 2px 3px 6px #D3CFCF;
  -webkit-box-shadow: 2px 3px 6px #D3CFCF;
  -moz-box-shadow: 2px 3px 6px #D3CFCF;
  -o-box-shadow: 2px 3px 6px #D3CFCF;
  border-radius: 5px;
  padding: 10px 20px;
  position: absolute;
  border: 1px solid #ccc;
  background-color: #fff;
  text-align: center;
  z-index: 200;
  display: none; }

.arrow .arrow_btn {
  margin: 10px 0 0 0; }

.arrow .arrow_ctn i {
  width: 20px;
  height: 16px;
  display: inline-block;
  background: url("../images/tour/confirm.png") no-repeat center center; }

.arrow .button {
  padding: 0px 14px;
  line-height: 20px;
  height: 20px;
  font-size: 12px; }

.arrow:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  left: 84px;
  position: absolute;
  top: -7px; }

.arrow:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  left: 85px;
  position: absolute;
  top: -6px; }

#background .category label {
  height: 24px;
  line-height: 24px;
  display: inline-block;
  margin-right: 6px; }

#background .category label input {
  margin-right: 2px;
  float: left; }

/*# sourceMappingURL=mset.css.map */
