@import "iconfont.css";
@import "animate.min.css";

/*-----------------------------------------------------------------------------------*/
/* GENERAL
/*-----------------------------------------------------------------------------------*/

body{
	text-align: center;
	font-family:"微软雅黑";
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
	color: #3a3a3a;
	font-weight: 700;
	font-family:"微软雅黑";
}

p{
	font-size: 1.2em;
}

.lead{
	font-weight: 300;
}
.clear{clear:both}
button {
	display: inline-block;
	margin-bottom: 0;
	margin-bottom: 10px;
	padding: 6px 12px;
	border: 1px solid transparent;
	border-radius: 4px;
	border-radius: 5px;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.428571429;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.visibility{
	visibility: hidden;
}

.animated{
	visibility: visible!important;
}

.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*-----------------------------------------------------------------------------------*/
/*	KEY COLOR
/*-----------------------------------------------------------------------------------*/

/*---- Typography ----*/
header h1, 

.details .carousel,
.social a:hover{
	color: #fff;
}
.payoff h1{ color:#FFF}
.features p{
	color: #fff;
}
.features p span{
	color: #ffe400; font-size:1.3em;
}
/*---- Background ----*/
.features,
.detail .carousel-indicators .active {
	background: #18a3e8;	
}
	

/*-----------------------------------------------------------------------------------*/
/* NAVBAR
/*-----------------------------------------------------------------------------------*/
.text{ position:absolute; right:80px; top:60px;}

.use-admin{ position:absolute; right:200px; top:220px;}
.use-admin li{ width:280px ; height:60px; opacity:0.6; list-style:none; margin:30px 0; color:#FFF; line-height:60px; font-size:18px;}
.use-admin li a{ display:block;border:#FFF 1px solid; background:none;color:#FFF; text-decoration:none;transition:all 0.3s;}
.use-admin li a:hover{ display:block;border:#FFF 1px solid; background:#FFF;color:#2face8; text-decoration:none;opacity:0.9;transition:all 0.3s;}
nav.navbar{
	position: fixed;
	top: 0px;
	margin-bottom: 0px;
	padding: 15px 0px 15px 0px;
	width: 100%;
	border-radius: 0px;
	transition: all 0.2s;
}

.navbar-nav{
	float: right;
}

nav.navbar.fixed-to-top{
	top: 0px;
}

.navbar-default{
	border: none;
	border-bottom: 1px solid #eee;
	background: #fff;
	opacity: 0.9;
	/*display: none;*/
}

.navbar-default .navbar-nav>li>a {
	color: #000;
	background:#fff;
	font-size: 1.1em;
	border:#fff solid 1px;
}
.navbar-default .navbar-nav>li.user>a {
	color: #17a3e7;
	background:#fff;
	font-size: 1.1em;
	padding:16px 20px;
	
}
.navbar-default .navbar-nav>li.user-btn-mar{
	margin-left:20px;
	border-left:#eee solid 1px;
	}
.navbar-default .navbar-nav>li>a.current{
	color: #17a3e7;	
	cursor: pointer;
	background:#fff;
	border:#17a3e7 solid 1px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	color: #17a3e7;	
	cursor: pointer;
	background:#fff;
	border:#fff solid 1px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.navbar-default .navbar-brand{
	color: #333333;
	text-transform: uppercase;
}
.navbar-default .navbar-nav>li.userbtn { position:relative }
.navbar-default .navbar-nav>li.userbtn img{ margin-left:10px; position:absolute ;top:50%; margin-top:-3px;}
.navbar-default .navbar-nav>li.userbtn .menulayer{padding: 10px; width:105px; background-color:rgb(255,255,255);opacity:1; color:#FFF; font-size:12px;position:absolute;top:40px; right:10px; z-index:3000;border-radius:3px;}
.navbar-default .navbar-nav>li.userbtn .menulayer a{ color:#333; text-decoration:none;}
.navbar-default .navbar-nav>li.userbtn .menulayer a:hover{ color:#17a3e7; text-decoration:none;}

/*-----------------------------------------------------------------------------------*/
/* HEADER 
/*-----------------------------------------------------------------------------------*/

header{
	
	background-size: cover;
	background-repeat: no-repeat;
	color: white;
}
 #canvas{

                width:100%;
                height:700px;
                overflow: hidden;
                position:absolute;
                top:0;
                left:0;
                background-color: #222d32;               
            }
.canvas-wrap{
	 margin-top:83px;
                position:relative;
                
            }
.page-header{
	margin-top:80px;
	height: 600px;
	background: center center url('../img/banner03.jpg') ;
	background-color: white!important;
	background-size: cover;
	background-repeat: no-repeat;
	color: white;
}

header h1{
	text-transform: uppercase;
	font-weight: 700;
	font-weight: 300;
	font-size: 60px;
	
}

header p.lead{
	font-size: 36px;
}


header .carousel-iphone{
	margin-right: auto;
	margin-left: 150px;
	width: 320px;
	height: 672px;
	background: url('../img/iphone-front.png') no-repeat;
	background-size: 100%;
	 margin-top:100px;
	
}

header .carousel {
	position: relative;
	margin-right: auto;
	margin-left: auto;color:#428bca;
	padding: 95px 0px 0px 4px;
	width: 282px;
}

header .carousel-indicators .active {
	width: 15px;
	height: 15px;
	background: #444444;
}

header .carousel-indicators {
	bottom: -63px;
}

header .carousel-indicators li {
	display: inline-block;
	margin: 1px;
	width: 15px;
	height: 15px;
	border: 1px solid #666666;
	border-radius: 10px;
	text-indent: -999px;
	cursor: pointer;
}

/*-----------------------------------------------------------------------------------*/
/* PURCHASE
/*-----------------------------------------------------------------------------------*/

.purchase{
	overflow: hidden;
	padding: 50px 0px 50px 0px;
	min-height: 200px;
}
.purchase h1{ font-weight:normal;}
.purchase button.app-store{
	width: 152px;
	height: 52px;
	background: url(../img/badge-appstore.png) #3a3a3a no-repeat 0px 5px;
	color: white;
}
.code{ width:380px; margin:0 auto; text-align:center;}


/*-----------------------------------------------------------------------------------*/
/*	PAYOFF
/*-----------------------------------------------------------------------------------*/
#images { overflow: hidden; width:800px; margin:0 auto; text-align:center }
#images li{ margin:10px;width: 359px; height: 200px; float: left; list-style:none }
#images li img { width: 359px; height: 200px; background:#FFF}
#images span { background-color: black; color: #ccc; display: block; float: left; width: 215px; height: 160px; padding: 40px 30px 0 30px; }

.payoff{
	overflow: hidden;
	padding: 20px 0px 20px 0px;
	background:#fff;
	background-position: center top;
	background-repeat: repeat-x;
	color: #686868;border:#f3f3f3 solid 1px;
}

.payoff .item{ width:100%; height:100%;list-style:none;font-size:20px;}
.payoff .item li{ width:33.3333%; float:left;list-style:none; padding:10px;   }
.payoff .item li .con{ width:100%; min-height:230px; padding:25px 15px;border:#f3f3f3 solid 1px; border-radius:0px;background:#fff}
.payoff .item li .con img{ width:80px; height:80px;}
.payoff .item li .con .title{ font-weight:normal;color:#333; font-size:20px; margin-top:10px; }

.payoff .item li .con p{font-size:14px; line-height:24px;}
/*-----------------------------------------------------------------------------------*/
/*	DETAIL
/*-----------------------------------------------------------------------------------*/

			
.detail{
	overflow: hidden;
	padding: 50px 0px 0px 0px;
	min-height: 500px;
}

.detail .title{
	margin-bottom: 80px;
	text-align: center;
}

.detail .features .row{
	margin-bottom: 40px;
}

.detail .carousel h1{
	font-size: 3.8em;
}
.detail .carousel h1, .detail p{
	text-align: left;
	font-weight: 300;
}

.detail p{
	color: #aaa;
}

.detail .carousel-control{
	background: none;
}

.detail .app-screenshot{
	overflow: hidden;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	padding-top: 95px;
	width: 320px;
	height: 450px;
	background: url('../img/iphone-front.png') no-repeat;
	background-size: 100%;
}

.detail .app-screenshot img{
	margin-right: auto;
	margin-left: auto;
	padding-left: 4px;
	width: 280px;
}

.detail .carousel-indicators {
	position: relative;
	bottom: 0;
	left: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 5px;
	padding-bottom: 8px;
	width: 100%;
	border-top: 1px solid #eee;
	background: #ffffff;
}

.detail .carousel-indicators .active {
	width: 45px;
	height: 5px;
	border: none;
	border-radius: 0px;
}

.detail .carousel-indicators li {
	display: inline-block;
	margin: 1px;
	width: 45px;
	height: 5px;
	border: none;
	border-radius: 0px;
	background: #eeeeee;
	text-indent: -999px;
	cursor: pointer;
}

/*-----------------------------------------------------------------------------------*/
/*	FEATURES
/*-----------------------------------------------------------------------------------*/

.features{
	overflow: hidden;
	padding: 100px 0px 100px 0px;
	min-height: 400px;
	color: black;
}

.features p {
	font-weight: 400;
}

.features h2{
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 300;
}

.features .circle{
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	padding-top: 28px;
	width: 150px;
	height: 150px;
	border: 2px solid #ffffff;
	border-radius: 100%;
	text-align: center;
	
}

.features span.glyphicon, .features i{
	margin-top: 3px;
	color: #ffffff;
	font-size: 5em;
}

/*-----------------------------------------------------------------------------------*/
/*	SOCIAL
/*-----------------------------------------------------------------------------------*/

.social{
	overflow: hidden;
	padding: 80px 0px 150px 0px;
	min-height: 350px;
	background: url('../img/sea.jpg');
	background-position: center top;
	background-repeat: repeat-x;
	color: white;
}

.social h2{
	color: white;
}

.social a {
	margin-left: 10px;
	color: #FFF;
	font-size: 5em;
	transition: all 0.3s;
}

.social a:hover{
	text-decoration: none;
	cursor: pointer;
	
}

/*-----------------------------------------------------------------------------------*/
/*	GET-IT
/*-----------------------------------------------------------------------------------*/

.get-it{
	padding: 40px 0px 40px 0px;
	text-align: center;
	 background:#FFF; border-top:#eee solid 1px;
	  margin-top:20px;
}
.get-it span{ color:#686868; padding:0 10px}
.get-it button.app-store{
	width: 152px;
	height: 52px;
	background: url(../img/badge-appstore.png) #373737 no-repeat 0px 5px;
	color: white;
}

.get-it hr{
	margin-top: 3em;
	margin-bottom: 3em;
}

.get-it ul{
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

.get-it ul li{
	display: inline-block;
	margin-left:30px;
}

.get-it ul li:first-child{
	margin-left: 0px;
}

.get-it ul li a{
	color: #aaa;
	font-size: 1.2em;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.get-it ul li a:hover{
	color: #3A3A3A;
	text-decoration: none;
	cursor: pointer;
}


.side{position:fixed;width:60px;height:275px;right:60px;bottom:120px;z-index:100;}
.side ul li{width:60px;height:60px;float:left;position:relative;border-bottom:1px solid #fff;list-style-type:none; margin-bottom:1px;}
.side ul li .sidebox{position:absolute;width:60px;height:60px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/60px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:60px;height:60px;line-height:60px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#17a3e7;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.mar-no{margin-top:80px;}
.navpage{
	
	overflow: hidden;
	padding: 20px 0px 0px 0px;
	}
.navpage .light{ line-height:30px;}
.navpage a{color:#333; text-decoration:none}
.navpage a:hover{color:#f32648; }
.navpage p{ font-size:14px; line-height:24px;}
.pro-center{margin:0 auto; text-align:center;}
.pro{ padding:15px 20px;background:#fbfbfb; height:450px;}
.pro-title{ font-size:18px; font-weight:bold}
.pro-con{  margin-top:10px;}
.pro-con li{font-size:14px; line-height:30px; padding:5px 0; list-style:none; }
.pro-con li span{font-size:18px;color:#f32648;}
.pro-con li .input-style2{ border:#eee solid 1px; padding:5px 5px; background:#fefefe; width:200px;  margin-left:10px;color:#f32648;}

.pro .button{display:block;border-radius:0; width:150px; height:60px; font-size:16px; line-height:60px;text-align:center;cursor:pointer; margin-top:20px;}
.pro .button a{background-color:#35bafb; color:#FFF; display:block;transition:all 0.3s;}
.pro .button a:hover{background-color:#17a3e7; color:#FFF; display:block;transition:all 0.3s;}
.pro .numbtn{ line-height:36px; margin-top:10px;}
.pro .numbtn span{float:left}
.pro input{ width:24px; height:24px; line-height:10px; text-align:center; margin:0 auto; font-size:16px; margin-right:5px; margin-top:5px; float:left}
.pro .active{color:#f32648; line-height:30px;}
.pro-ts{  line-height:30px; padding:20px 50px}
.pro-ts h5{ font-size:24px; font-weight:normal; padding:0; margin-bottom:20px;}
.pro-ts span{color:#f32648; font-size:16px;}
.pro-ts p{ text-align:left;font-size:15px;}
.pro-ts img{ width:200px; height:160px;}
.sm-title{ font-size:16px; border-bottom:#ccc dotted 1px; line-height:50px; margin-bottom:10px; margin-top:20px;}
.shuoming li{ width:33.333%; float:left; font-size:14px; color:#686868; list-style:none; line-height:30px;}
.shuoming li span{color:#333;}
.shuoming li img{ width:24px; height:24px; margin:0 5px;}
.add-order{ margin-top:20px;}
.add-order span{ float:left; line-height:36px;  font-size:14px}
.add-order .input-style{ border:#eee solid 1px; padding:8px 5px; background:#fefefe; width:200px; margin-left:10px;}
.add-order .input-style2{ border:#eee solid 1px; padding:8px 5px; background:#fefefe; width:120px; margin-right:15px; margin-left:10px;}
.add-order .input-style3{ border:#eee solid 1px; padding:8px 5px; background:#fefefe; width:390px; margin-left:10px;}
.add-order .input-style4{ border:#eee solid 1px;  width:14px; height:14px;background:#fefefe;  margin-left:10px;}

.add-order .input-style:focus,.add-order .input-style2:focus,.add-order .input-style3:focus{ border:#1ba1ea solid 1px;  outline: 0;box-shadow: none; background:#fff}
.add-order .used-add{ line-height:30px;}
.add-order .must-w{color:#f32648; line-height:40px; padding:0 5px;}
.pro-attion{ font-size:16px; color:#333333; margin-bottom:20px;}
.pro-attion img{width:24px; height:24px; margin:0 5px; line-height:30px;}
.pro-attion p{ color:#686868; line-height:30px;}
.pro-table td,.pro-table th{ border:#eee 1px solid; padding:10px 10px; text-align:center;}
.pro-table .w1{ width:50%;}
.pro-table .w2{ width:20%;}
.pro-table .w3{ width:10%;}
.pro-table .w4{ width:25%;}
.pro-table .w5{ width:75%;}
.pro-table .c1{ background:#fbfbfb}
.pro-table img{width:80px; height:80px; margin:0 auto; text-align:center}
.pro-table2 td,.pro-table2 th{ border:none; text-align:left;}
.pro-table td span{color:#f32648; padding:0 3px; font-size:16px}
.pro-table2 td p{ color:#686868}
.gray-bg{ background:#fbfbfb; padding:15px; margin-top:10px;}
.gray-bg span{ float:none;padding:0 3px;color:#f32648;font-size:16px}
.end.button{display:block;border-radius:0; width:150px; height:50px; font-size:16px; line-height:50px;text-align:center;cursor:pointer; margin-top:20px;}
.end.button a{background-color:#ff3859; color:#FFF; display:block;transition:all 0.3s;}
.end.button a:hover{background-color:#ea1034; color:#FFF; display:block;transition:all 0.3s;}
.end.button2{display:block;border-radius:0;background-color:#eee;  width:150px; height:50px; font-size:16px; line-height:50px;text-align:center;cursor:pointer; margin-top:20px; margin-right:20px;}

.portfolio-item{ margin:10px 0;}
.label-text{margin:0 10px; padding:5px 5px; }
.label-text h5 {
  font-size: 14px;
  color: #333333; 
  font-weight:normal 
}
.right-pro{ margin:15px 0; padding:0 10px;}
.text-category{ color:#f32648; font-size:18px; line-height:24px;}
.text-category span{color: #686868; margin:0 5px;  font-size:14px;}
.portfolio-thumb img {
  width: 100%;
  border-radius:0px;
}

.portfolio-thumb {
  position: relative;
}
.portfolio-wrapper {
  overflow: hidden;
   border:#eee solid 1px;
   text-align:center;
  
}
.change-record-col{ border:#eee solid 1px;padding:0; }
.change-record{ border-bottom:#eee solid 1px; line-height:30px; padding:5px 10px; background:#fbfbfb; font-size:14px; color:#333;}
.change-record i{ padding:0 3px;}

.mqs{padding-bottom:10px;}
#mq{margin:0 auto; text-align:left;}
#mq li{ list-style:none; line-height:36px; color:#333; font-size:12px;  margin:3px 10px; border-bottom:#eee dashed 1px; padding:0; }
#mq li span{ float:right; color:#c7c7c7;}
#mq li.last{ border:none}
#mq li a{ color:#686868}
#mq li a:hover{ color:#db0a0a}
.meneame{
   padding:2px; color:#bababa; text-align:center; font-size:14px; margin:30px 0;  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;

}
.meneame a{ border:#bababa 1px solid; padding:10px 14px; background-position:50% bottom; margin:0 2px; color:#bababa; text-decoration:non;border-radius:3px; text-decoration:none; }
.meneame a:hover{
   border:#17a3e7 1px solid; background-color:none; color:#17a3e7;border-radius:3px;
}
.meneame a:active{
   border:#17a3e7 1px solid; background-color:#17a3e7; color:#FFFFFF;border-radius:3px;

}

.meneame span.current {
	   border:#17a3e7 1px solid; background-color:#17a3e7; color:#FFFFFF;padding:10px 14px;margin-right:3px;border-radius:3px;

}
.meneame span.disabled {
	border:#73d1ff 1px solid; background-color:none; color:#73d1ff;padding:10px 14px;margin-right:3px;border-radius:3px;

}
.custom-form-control
{
	  border-color: #eee;
    box-shadow:none;
	border-radius: 0px;
	padding: 20px 15px;
}
.form-control:focus

{
  border-color: #eee;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(23, 163, 231,.6);
}
.reasch-button
{
	border-radius: 0px;
	padding: 10px 20px;
	background: #eee;
	border: 1px solid #eee;
	margin-left:10px;
	transition: all .3s;
}
.reasch-button:hover
{
	background: #17a3e7;
	border: 1px solid #17a3e7;
	color: #fff;
	transition: all .3s;
}
.admin-left{ background:#4683a0; padding:0 20px; padding-bottom:100px;}
.admin-left .logo{border-bottom:#306077 solid 1px; width:100%; padding:15px 0; padding-top:30px; }
.admin-left .photo{ margin:0 auto; text-align:center;color:#e6e6e6;line-height:20px; border-top:#4c92b3 solid 1px;border-bottom:#306077 solid 1px;  padding:20px 0;}
.admin-left .photo p{ font-size:22px; color:#FFF;line-height:30px;}
.admin-left .photo b{ font-weight:normal; padding:0 5px;}
.admin-left .photo span{ font-size:14px; padding:0 5px;}
.admin-left .photo img{ width:120px; height:120px;border-radius:60px; border:#488fb1 5px solid; margin:10px 0;}
.admin-left .pbtn{padding:20px 0;border-top:#4c92b3 solid 1px;}
.admin-left .pbtn li{ list-style:none; text-align:left;color:#e6e6e6; padding-left:60px;line-height:40px;}
.admin-left .pbtn li span{ padding:0 5px; font-size:16px;color:#fff;}
.admin-left .pbtn li a{color:#fff; cursor:pointer; }
.admin-right{padding:0}
.ptop{ margin-bottom:10px;}
.plogo{ padding:10px;}
.plogo img{ width:122px; height:60px;}
.admin-right .top,.ptop{ border-bottom:#eee 1px solid; background:#FFF}
.admin-right .top li{ list-style:none; float:left; margin:0 15px; line-height:80px;}
.admin-right .top li span{font-size:16px;}
.admin-right .top li img{ width:16px; height:16px; margin-right:2px;}
.admin-right .top li a{ color:#686868; text-decoration:none; padding:0 2px;}
.admin-right .top li a:hover,.admin-right .dy .nums li span a:hover{ color:#5295cf; }
.admin-right .top li.others{ font-size:14px}
.admin-right .top .reach{ padding:20px; float:left }
.admin-right .top .reach .input{ border:#eee solid 1px;height:40px;background:#fff ;  }
.admin-right .top .reach .input .reasch-input{background:#fff ; border:none; height:38px; width:90%; float:left; padding:0 10px;}
.admin-right .top .reach .input .reasch-input:focus{background:#fff ;border-color: #eee;outline: 0; box-shadow:none}
.admin-right .top .reach .input .reasch-button2{ background:url(../img/reachs.png) no-repeat center center; width:10%; height:38px; float:left}
.admin-right .top .reach .input .reasch-button2 button{ background:none;width:58px; height:38px;}
.admin-right .top .reach .input .reasch-button2 button:focus{border:none;outline: 0; box-shadow:none;}
.admin-right .top .tright{ margin-right:20px;}
.admin-right .top-word{ border-bottom:#eee 1px solid; background:#FFF; padding:15px 0;}
.admin-right .top-word .myword{ }
.admin-right .top-word .myword li{height:45px;  line-height:45px; list-style:none; float:left; margin:0 30px; }
.admin-right .top-word .myword li span{ padding:0 5px; font-size:16px}
.admin-right .top-word .pub{ float:right; margin-right:15px;}
.pub li{ width:150px; height:40px; list-style:none; color:#FFF; line-height:45px; font-size:16px; margin-right:15px; float:left}
.admin-right .top-word .pub li{ text-align:center}
.admin-right .top-word .pub li a{ color:#FFF; display:block; text-decoration:none}
.admin-right .top-word .pub li.bg1 a{background:#fbca7e; border-radius:3px; transition: all .3s;}
.admin-right .top-word .pub li.bg2 a{background:#22d3b4;border-radius:3px;transition: all .3s; }
.admin-right .top-word .pub li.bg3 a{background:#eee; color:#686868;border-radius:3px;transition: all .3s; }
.admin-right .top-word .pub li.bg1 a:hover{background:#fe9b00; transition: all .3s;}
.admin-right .top-word .pub li.bg2 a:hover{background:#00b964; transition: all .3s;}
.admin-right .top-word .pub li.bg3 a:hover{background:#17a3e7;color:#fff; transition: all .3s;}
.admin-right .top-word .pub li.bg4{width:100px; height:40px;line-height:40px; }
.admin-right .top-word .pub li.bg4 a{background:#17a3e7;color:#fff; border-radius:3px; transition: all .3s;}
.admin-right .top-word .pub li.bg5 a{background:#59c1f4; border-radius:3px; transition: all .3s;}
.admin-right .top-word .pub li.bg5 a:hover{background:#17a3e7; border-radius:3px; transition: all .3s;}
.admin-right .top-word .pub li.bg4 a.current{background:#eee;color:#686868; transition: all .3s;}
.admin-right .show-ph{width:55px; height:50px;float:left; margin-top:20px;margin-left:20px; position:relative; cursor:pointer; display:block;}
.admin-right .show-ph img{ width:40px; height:40px;border-radius:60px;}
.admin-right .show-ph .arrow-up { position:absolute; top:-5px; right:41px;
 width: 0; 
 height: 0; 
 border-left: 5px solid transparent; /* left arrow slant */
 border-right: 5px solid transparent; /* right arrow slant */
 border-bottom: 5px solid #000; /* bottom, add background color here */
 font-size: 0;
 line-height: 0;
}
.admin-right .show-ph .menulayer{padding: 10px; width:100px; background-color:rgb(0,0,0);opacity:0.8; color:#FFF; font-size:12px;position:absolute;top:48px; right:-20px; z-index:3000;border-radius:3px;}
.admin-right .show-ph .menulayer a{ color:#FFF}
.admin-right .edit-ph{width:60px; height:60px; }
.admin-right .edit-ph img{ width:60px; height:60px;border-radius:60px;}

.admin-right .dy{ margin-top:10px; border:#eee 1px solid; background:#fff;text-align:left; position:relative}
.admin-right .dy .title{ line-height:45px; text-align:left; font-size:16px; padding:0 20px;   background:#fff; float:left}
.admin-right .dy .title span{ font-size:14px; color:#686868; padding:0 5px; font-weight:normal}
.admin-right .dy .title span.int{font-size:18px; color:#17a3e7}
.admin-right .dy .chi{ font-size:14px; margin:20px; padding:0; margin-bottom:30px;}
.admin-right .dy .chi span{ margin-right:10px;}
.admin-right .dy .chi span a{ color:#686868; text-decoration:none; border:#eee solid 1px; padding:8px 40px;}
.admin-right .dy .chi span a.current{ color:#f32648;border:#f32648 solid 1px; }
.admin-right .dy .tb{ font-size:14px; color:#686868;font-weight:normal;line-height:16px;}
.admin-right .dy .tb span{ padding:0 5px;}
.admin-right .dy .user-img{ position:absolute; top:235px; left:20px; }
.admin-right .dy .user-img img{width:100px; height:100px;border-radius:100px;}
.admin-right .dy .user-c{ padding-top:10px;}
.admin-right .dy .con{ padding:15px 20px; padding-bottom:0;  border-top:#eee solid 1px;border-bottom:#eee solid 1px;background:#fff; position:relative; margin:10px 20px;}
.admin-right .dy .con .sub{ float:left; margin-top:10px;border-radius:70px; background:#6C9;  margin-right:20px; position:absolute}
.admin-right .dy .con .sub img{ width:70px; height:70px; border-radius:70px;}
.admin-right .dy .con .special-width{ margin-left:90px;}
.admin-right .dy .con .icol{ width:40px; height:40px;border-radius:40px; line-height:36px; float:left;text-align:center; margin-right:10px; }
.admin-right .dy .con .icol.colors{ background:#F30}
.admin-right .dy .con .icol.colors2{ background:#16c7b4}
.admin-right .dy .con .teach-ph img{width:40px; height:40px;border-radius:40px;float:left;margin-right:10px; } 
.admin-right .dy .con .icol img{ width:32px; height:32px; margin:0 auto; text-align:center; margin-top:4px; }
.admin-right .dy .con .mcont{ font-size:14px; color:#333; }
.admin-right .dy .con .mcont.pd{ padding-bottom:15px; }
.admin-right .dy .con .mcont .massage{ line-height:30px; margin:10px 0;}
.admin-right .dy .con .mcont .massage img{width:20px; height:20px;float:left;margin-right:5px; } 
.admin-right .dy .con .mcont  span.time{ color:#686868; padding:0 3px;}

.admin-right .dy .con .cont{ font-size:14px; line-height:40px;color:#333}
.admin-right .dy .con .cont a{  text-decoration:none;}
.admin-right .dy .con .cont span{ padding:0 2px;}
.admin-right .dy .con .cont .tag{ padding:2px 15px;color:#FFF; line-height:24px;border-radius:3px; position:absolute; right:0; top:20px}
.admin-right .dy .con .cont .tag a{ display:block; color:#fff}
.admin-right .dy .con .cont .tag-kc{ background:#fbca7e; }
.admin-right .dy .con .cont .tag-wt{ background:#22d3b4; }
.admin-right .dy .con .cont .tag-tp{ background:#02c3f3;}

.admin-right .dy .con h4{ font-weight:bold; font-size:16px; line-height:30px; color:#333; padding:0;}
.admin-right .dy .con h4 a{ color:#333}
.admin-right .dy .con h4 a:hover{ color:#db0a0a;}

.admin-right .dy .con .ts{ font-size:16px; line-height:30px; color:#333; padding:0;}
.admin-right .dy .con .ts img{ width:20px; height:20px; }
.admin-right .dy .con .ts  span{ padding:0 5px;}
.admin-right .dy .con .list{ padding-left:20px;  font-size:16px; color:#333;}
.admin-right .dy .con .mycourse{ padding-left:0;}
.admin-right .dy .con .list .show-img{ padding-bottom:15px;}
.admin-right .dy .con .list .show-img li{width:120px; height:120px; float:left; margin-right:10px; padding:0;}
.admin-right .dy .con .list .show-img li img{width:120px; height:120px;border-radius:0;}
.admin-right .dy .con .list.listheight{ height:195px; overflow:hidden;}
.admin-right .dy .con .list .list-icol{ width:25px; height:25px;border-radius:25px; line-height:21px; float:left;text-align:center; margin-right:5px; }
.admin-right .dy .con .list .list-icol.colors{ background:#e6980f}
.admin-right .dy .con .list .list-icol.colors2{ background:#95c15f}
.admin-right .dy .con .list .list-icol.colors3{ background:#ea6c66}
.admin-right .dy .con .list .list-icol.colors4{ background:#29bbd5}
.admin-right .dy .con .list .list-icol img{ width:20px; height:20px;  margin:2px auto; text-align:center; }
.admin-right .dy .con .list p{ font-size:14px; color:#686868; line-height:28px; padding:5px 0;}
.admin-right .dy .con .list p a{ color:#686868; text-decoration:none}
.admin-right .dy .con .list .c-container{ width:100%; height:30px; line-height:30px; margin:8px 0; }
.admin-right .dy .con .list .c-container .cho-container{ width:50%; height:30px; line-height:30px; float:left; position:relative }
.admin-right .dy .con .list .c-container .cho-container .choice-percent1{ height:32px; background:#fdffc7;border:#f4f973 solid 1px; position:absolute; top:0; left:0 }
.admin-right .dy .con .list .c-container .cho-container .choice-percent2{ height:32px; background:#c6faff;border:#adf1ff solid 1px; position:absolute; top:0; left:0 }
.admin-right .dy .con .list .c-container .cho-container .choice-percent3{ height:32px; background:#fff1df;border:#fcdcbf solid 1px; position:absolute; top:0; left:0 }
.admin-right .dy .con .list .c-container .cho-container .choice-percent4{ height:32px; background:#defde5;border:#cffcd8 solid 1px; position:absolute; top:0; left:0 }
.admin-right .dy .con .list .c-container .cho-container .choice{ font-size:14px; border:#f3f3f3 solid 1px;background:#fefefe;  width:400px; }
.admin-right .dy .con .list .c-container .percent{  margin-left:50px; float:left}
.admin-right .dy .con .list .c-container .cho-container .choice-txt{ position:absolute;top:0; left:0 ;line-height:30px; font-size:14px}
.admin-right .dy .con .list .c-container .cho-container .choice-txt a{color:#333; text-decoration:none ; display:block}
.admin-right .dy .con .list .c-container .cho-container .choice-txt span{ padding:0 5px; }
.admin-right .dy .con .list img{ margin:0 auto; text-align:center}
.admin-right .dy .con .score{ width:60px; height:60px; background:#17a3e7; color:#fff; font-size:20px; line-height:60px;border-radius:5px;text-align:center; position:absolute; right:40px; top:80px;}
.admin-right .dy .con .score a{ color:#333}
.admin-right .dy .nums{border-top:#eee solid 1px; margin-top:15px; }
.admin-right .dy .nums .ct{ margin:0 auto; text-align:center;}
.admin-right .dy .nums li{list-style:none;  padding:5px 0; line-height:24px; border-right:1px solid #eee; margin:10px 0;color:#686868;}
.admin-right .dy .nums li a{ color:#686868; cursor:pointer; text-decoration:none}
.admin-right .dy .nums li a:hover{ color:#5295cf; cursor:pointer; text-decoration:none}
.admin-right .dy .nums li a.current{color:#c2c2c2;}
.admin-right .dy .nums li img{width:16px; height:16px; margin-right:5px; float:none}
.admin-right .dy .nums li span,.admin-right .dy .nums li span a{ font-size:16px;color:#686868; padding:0 5px;}
.admin-right .dy .nums li.last{border-right:none;}
.admin-right .dy .nums .border-style .txt{ width:100%; padding:5px; line-height:27px; }
.admin-right .dy .nums .border-style{width:100%;position:relative; margin-left:10px;margin-right:auto; }
.admin-right .dy .nums .border-style .tt em,.admin-right .dy .nums .border-style .tt span{ font-style:normal;font-size:30px;position:absolute; color:#eee; padding:0; margin-left:68px; top:-8px;}
.admin-right .dy .nums .border-style .tt em{ margin-top:-16px; color:#eee;}
.admin-right .dy .nums .border-style .tt span{margin-top:-14px; color:#fff;}
.admin-right .dy .nums .input-style{ border:#eee solid 1px; padding:10px 5px; background:#fefefe; color:#686868}
.admin-right .dy .nums .input-style:focus{ border:#eee solid 1px;  outline: 0;box-shadow: none; background:#fff}
.admin-right .dy .nums .botton-style{ width:100%;  text-align:center;  margin:0; padding:10px 0;}
.admin-right .dy .nums .botton-style button{width:80px;height:32px; line-height:18px; color:#686868;  font-size:14px;border-radius:0px; margin-left:10px; float:right}
.admin-right .dy .nums .botton-style button.en{background: #17a3e7;border: 1px solid #17a3e7;	color: #fff;}
.admin-right .dy .tags{ margin-top:10px;}
.admin-right .dy .tags li{  text-align:center; list-style:none; float:left; margin:5px 5px;}
.admin-right .dy .tags li a{ color:#686868; border:#eee solid 1px;border-radius:3px; padding:5px 10px; text-decoration:none; display:block }
.admin-right .dy .tags li a:hover{ color:#5295cf; border:#5295cf solid 1px; }
.admin-right .comment{border:#eee solid 1px; margin-top:10px; background:#FFF; padding:0 20px;}
.admin-right .comment .title{line-height:50px; text-align:left; font-size:14px;border-bottom:#eee solid 1px; font-weight:bold;  background:#fff;}
.admin-right .comment .title img{width:18px; height:18px; margin-right:5px;}
.admin-right .comment li { margin:20px 0; list-style:none;border-bottom:#eee solid 1px; text-align:left; padding-left:10px;}
.admin-right .comment li .hand img{width:18px; height:18px;}
.admin-right .comment li .hand a{ color:#686868 ; text-decoration:none}
.admin-right .comment li .hand a.current{color:#d2d2d2;}

.admin-right .comment li p{font-size:14px; line-height:24px;}
.admin-right .comment li .useid img{width:40px; height:40px;border-radius:40px;float:left;margin-right:10px; } 
.admin-right .comment li .useid .idname{ float:left; }
.admin-right .comment li .useid .idname .thisname{font-size:14px; line-height:24px; font-weight:bold; padding:0; text-align:left}
.admin-right .comment li .useid .idname p{font-size:14px;color:#686868;line-height:20px;}
.admin-right .comment .reply{ margin-bottom:20px;}
.admin-right .comment .reply .text-area{ border:#eee 1px solid; width:100%; background:#fafafa; line-height:24px; }
.admin-right .comment .reply .text-area:focus{background:#fff ; border-color: #eee; outline: 0;box-shadow: none;}
.admin-right .comment .reply .reply-button button{ background:none; width:90px; height:42px;}
.admin-right .comment .reply .reply-button button:focus{ background:none;box-shadow: none;}
.admin-right .comment .reply .reply-button{background:#fafafa; width:90px; height:42px; margin:10px 0; float:right }
.admin-right .pub-object{ text-align:left; background:#FFF; font-size:14px; padding:50px 20px;width:640px; margin:0 auto; text-align:center }
.admin-right .pub-object p{ text-align:left; font-size:14px; margin-top:10px; color:#686868}
.admin-right .pub-object .input-style{ border:#eee solid 1px; padding:10px 5px; background:#fefefe}
.admin-right .pub-object .input-style:focus{ border:#eee solid 1px;  outline: 0;box-shadow: none; background:#fff}
.admin-right .pub-object select{ font-size:14px; color:#686868; margin:0 10px;}
.admin-right .pub-object .botton-style{ width:300px; margin:20px auto; text-align:center}
.admin-right .pub-object .botton-style button{width:300px; font-size:16px}
.admin-right .pub-object .input-container .txt{ color:#686868; line-height:20px; font-size:14px}
.admin-right .pub-object .input-container .txt span{color:#db0a0a; }
.admin-right .pub-object .input-container{ padding:10px 0; font-size:14px; position:relative}
.admin-right .pub-object .input-container span{ color:#686868}
.admin-right .pub-object .add-img{ font-size:14px; color:#686868; margin:10px;}
.admin-right .pub-object .input-container .add-img{ margin:0; padding:0; margin-top:10px;}
.admin-right .pub-object .input-container .add-img {background:url(../img/add-img.jpg) no-repeat; width:120px ; height:120px;margin:0; padding:0; margin-top:10px; margin-right:20px; }
.admin-right .pub-object .input-container .add-img .input-style{ width:100%; height:100%;cursor:pointer;opacity:0;filter:alpha(opacity=0);border:0;}

.admin-right .pub-object .input-container .img-txt{font-size:14px; color:#686868; position:relative;width:100px ; height:36px; text-align:center; line-height:36px; background:#eee; margin-left:10px; margin-top:12px; cursor:pointer;}
.admin-right .pub-object .input-container .change-img{ margin:0; padding:0;position:absolute}
.admin-right .pub-object .input-container .change-img {width:100px ; height:36px;margin:0; padding:0;  }
.admin-right .pub-object .input-container .change-img .input-style{ width:100%; height:100%;cursor:pointer;opacity:0;filter:alpha(opacity=0);border:0; }
.admin-right .id-list{ padding:10px; background:#fff; position:relative}
.admin-right .nocon{ width:140px; margin:0 auto; text-align:center; font-size:14px; color:#686868; line-height:36px; margin-top:40px;}
.admin-right .id-list li{ list-style:none; padding:5px; }
.admin-right .id-list li .tstyle{ border:#eee solid 1px; padding:15px;}
.admin-right .id-list li img{ width:70px; height:70px; border-radius:70px; float:left}
.admin-right .id-list li .userid{ float:left; text-align:left; margin-left:15px; color:#686868}
.admin-right .id-list li .userid span{ color:#333; font-size:16px; padding:0 3px; font-weight:bold}
.admin-right .id-list li .userid p{ line-height:14px;font-size:14px; margin-top:10px; color:#686868}
.admin-right .id-list li .userid .circles{ float:left; margin-right:15px;}
.admin-right .id-list li .userid .circles span{color:#333; padding:0 3px; font-weight:normal}
.admin-right .id-list li .userid .circles img{ width:16px; height:16px; margin-top:3px; margin-right:3px;}
.admin-right .id-list li .tbtn{ width:120px; height:32px;  text-align:center; float:right; line-height:32px; margin-top:15px;}
.admin-right .id-list li .tbtn a{width:120px; height:32px;background:#17a3e7; color:#fff;  display:block; text-decoration:none}
.admin-right .id-list li .tbtn a.focus{width:120px; height:32px;  background:#eee; color:#686868;display:block; text-decoration:none}
.admin-right .id-list .myedit{ position:absolute; top:25px; right:0px;}
.admin-right .id-list .myedit img{width:20px; height:20px; margin:0 8px;}
.admin-right .viewother{ margin-top:15px;  }
.admin-right .viewother .rstyle{ border:#eee solid 1px;padding:0 20px; margin-bottom:15px;}
.admin-right .viewother li{font-size:14px; color:#686868; list-style:none; border-bottom:#eee solid 1px;line-height:50px; width:100%; }
.admin-right .viewother li.last{ border-bottom:none}
.admin-right .viewother li span{ padding:0 3px; font-size:16px; font-weight:bold}

.admin-right .viewother li a{ color:#686868; text-decoration:none; display:block;transition: all 0.3s;}
.admin-right .viewother li a:hover,.admin-right .viewother li a.current{ color:#f32648; text-decoration:none;transition: all 0.3s;}

.admin-right .bg-txt{font-size:14px; color:#fff; position:relative;width:100px ; height:36px; text-align:center; line-height:36px; background:#000; opacity:0.8;filter:alpha(opacity=80); position:absolute; bottom:20px; right:20px;}
.admin-right .change-bg{ margin:0; padding:0;position:absolute}
.admin-right .change-bg {width:100px ; height:36px;margin:0; padding:0;  }
.admin-right .change-bg .input-style{ width:100%; height:100%;cursor:pointer;opacity:0;filter:alpha(opacity=0);border:0; }
.ex_bg {width: 100%;overflow: hidden;max-width: 100%;display: block; position:relative;  max-height:320px; overflow:hidden;}
.ex_bg img{width: 100%; margin:0 auto; padding:0;}

.admin-right .pub-object .input-container .describe li{  list-style:none; margin:15px 0;}
.admin-right .pub-object .input-container .describe li .show-img{ float:left; position:relative;}
.admin-right .pub-object .input-container .describe li .show-img .edit{ width:100%; height:36px; background:#000;opacity:0.4;filter:alpha(opacity=40); position:absolute; bottom:0;}
.admin-right .pub-object .input-container .describe li .show-img .edit .icol { width:50%;text-align:center; margin:0 auto; float:left; padding-top:8px;}
.admin-right .pub-object .input-container .describe li .show-img .edit .icol img{width:20px ; height:20px; }
.admin-right .pub-object .input-container .describe li .show-img img{width:120px ; height:120px;}
.admin-right .pub-object .input-container .describe li .border-style .txt{ width:470px; padding:5px; line-height:27px}
.admin-right .pub-object .input-container .describe li .border-style{float:left; width:470px;position:relative; margin-left:10px;margin-right:auto;}
.admin-right .pub-object .input-container .describe li .border-style em,.admin-right .pub-object .input-container .describe li .border-style span{font-style:normal;font-size:30px;position:absolute;left:-9px;top:30px; color:#eee; padding:0; margin:0;}
.admin-right .pub-object .input-container .describe li .border-style span{left:-7px;color:white;}
.mycircle{ text-align:left; padding:20px 0;}
.mycircle .tit{ background:#17a3e7; color:#FFF; padding:8px 10px;float:left; margin-right:10px; font-size:14px;}
.mycircle .tit a{background:#17a3e7; color:#fff; display:block;text-decoration:none}
.mycircle-padding{ padding:10px 30px; padding-top:40px; }
.mycircle li{background:#eee; color:#333;padding:8px 10px; float:left; list-style:none; margin-right:10px; margin-bottom:10px;}
.mycircle li .del{ width:20px; height:20px;  font-family:Arial;text-align:center; font-size:14px; line-height:20px;margin-left:5px;border-radius:20px; float:right}
.mycircle li .del a{background:#eee; color:#333; display:block;border-radius:20px; text-decoration:none}
.mycircle li .del a:hover{background:#17a3e7; color:#fff; display:block;border-radius:20px;}
.admin-right .pub-object .add-vote{ width:140px; height:40px; line-height:40px; margin-bottom:10px; text-align:center}
.admin-right .pub-object .add-vote a{ display:block; background:#eee; color:#686868; text-decoration:none;transition: all .3s; }
.admin-right .pub-object .add-vote a:hover{ display:block; text-decoration:none; background:#fe9b00; color:#fff;transition: all .3s;}
.admin-right .pub-object .vote-container{ border:#eee solid 1px; padding:20px;}
.admin-right .pub-object .vote-container .cons{ margin-bottom:10px;}
.admin-right .pub-object .vote-container .del{ text-align:center; line-height:24px; width:24px; height:24px; float:left;  font-size:16px; margin:7px;margin-left:15px; margin-bottom:10px;}
.admin-right .pub-object .vote-container .del a{ color:#686868;border:#eee solid 1px;background:#fff; display:block; text-decoration:none }
.admin-right .pub-object .vote-container .del a:hover{ color:#fff;border:none; background:#17a3e7; display:block }

.cd-popup-container .reach{ padding:0 30px; width:70%; }
.cd-popup-container .reach .input{ border:#eee solid 1px;height:40px; background:#fff ; }
.cd-popup-container .reach .input .reasch-input{background:#fff ; border:none; height:38px; width:90%; float:left; padding:0 10px;}
.cd-popup-container .reach .input .reasch-input:focus{background:#fff ;border-color: #eee;outline: 0; box-shadow:none}
.cd-popup-container .reach .input .reasch-button2{ background:url(../img/reachs.png) no-repeat center center; width:10%; height:38px; float:left}
.cd-popup-container .reach .input .reasch-button2 button{ background:none;width:58px; height:38px;}
.cd-popup-container .reach .input .reasch-button2 button:focus{border:none;outline: 0; box-shadow:none;}
.cd-popup-container .showcircle{padding:10px 30px; height:240px; overflow:hidden}
.cd-popup-container .showcircle li{ float:left; list-style:none; margin:0 10px 30px 0; position:relative; padding:0 25px; max-width:140px; max-height:100px;overflow:hidden}
.cd-popup-container .showcircle li a{ display:block; color:#333; font-size:12px; text-decoration:none;}
.cd-popup-container .showcircle li img{border-radius:80px; width:80px; height:80px;}
.cd-popup-container .showcircle li p{ line-height:24px;}
.cd-popup-container .showcircle li .chioce{ width:20px; height:20px; position:absolute;bottom:25px;right:0;}
.cd-popup-container .showcircle li .chioce img{width:20px; height:20px;}
.cd-popup-container .sure-style{width:100px; height:40px; line-height:40px; font-size:14px; position:absolute; bottom:20px; right:20px;}
.cd-popup-container .sure-style a.sure-btn {background:#eee; color:#333; display:block; text-decoration:none;transition:all 0.3s;}
.cd-popup-container .sure-style a.sure-btn:hover{background:#17a3e7; color:#fff; transition:all 0.3s;}
.cd-popup-container .edit-my-img{ margin:20px; margin-top:40px;}
.cd-popup-container .edit-my-img .input-style-img{ position:absolute; top:40px; left:15px;width:580px; height:387px; }

.cd-popup-container .edit-my-img img{ width:580px; height:387px;}

.cd-popup-container .edit-my-img .input-title{ border:#eee solid 1px; padding:10px 5px; width:99%; height:36px;  margin-left:10px; background:#fefefe}
.cd-popup-container .edit-my-img .input-style{ border:#eee solid 1px; padding:10px 5px; width:315px;  margin-left:10px; background:#fefefe}
.cd-popup-container .edit-my-img .input-answer{ border:#eee solid 1px; padding:10px 5px;width:99%;  margin-left:10px; background:#fefefe}
.cd-popup-container .edit-my-img .input-select{ border:#eee solid 1px; padding:5px 5px; width:99%; height:36px;  margin-left:10px; background:#fefefe}

.cd-popup-container .edit-my-img .input-style:focus,.cd-popup-container .edit-my-img .input-answer:focus,.cd-popup-container .edit-my-img .input-title:focus{ border:#eee solid 1px;  outline: 0;box-shadow: none; background:#fff}
.cd-popup-container .edit-my-img p{ color:#333; }
.cd-popup-container .edit-my-img .txt{ color:#686868; line-height:20px; font-size:14px}
.cd-popup-container .edit-my-img .txt span{color:#db0a0a; }
.cd-popup-container .edit-my-img .describe li{width:105px ; height:105px;  list-style:none; margin:15px 5px; float:left;}
.cd-popup-container .edit-my-img .describe li.show-img{ float:left; position:relative;}
.cd-popup-container .edit-my-img .describe li.show-img .edit{ width:100%; height:36px; background:#000;opacity:0.4;filter:alpha(opacity=40); position:absolute; bottom:0;}
.cd-popup-container .edit-my-img .describe li.show-img .edit .icol { width:50%;text-align:center; margin:0 auto; float:left; padding-top:8px; position:relative}
.cd-popup-container .edit-my-img .describe li.show-img .edit .icol img{width:20px ; height:20px; }
.cd-popup-container .edit-my-img .describe li.show-img img{width:90px ; height:90px;}
.cd-popup-container .edit-my-img .describe li.add-img{margin:15px 0;}
.cd-popup-container .edit-my-img .describe li.add-img {background:url(../img/add-img.jpg) no-repeat; width:105px ; height:105px;background-size:105px 105px;}
.cd-popup-container .edit-my-img .describe li.add-img .input-style,.cd-popup-container .edit-my-img .describe li.show-img .input-style,.cd-popup-container .edit-my-img .input-style-img .input-style{ width:100%; height:100%;cursor:pointer;border:0;opacity:0;filter:alpha(opacity=0);}
.cd-popup-container .edit-my-img .describe li.show-img .input-style-float{ position:absolute; top:8px; left:5px;width:30px ; height:20px; }
.eyes{ position:absolute; z-index:3000; top:30px; right:5px;}
#allmap {width:100%; height:265px;overflow: hidden;margin:0;}
#l-map{height:100%;width:80%;float:left;border-right:1px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}
.bigdiv{width:100%; height:100%; margin:20px 0; padding:3px; border:#eee solid 1px;}
/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/

@media (max-width:768px) {
	
	header{
		padding-bottom: 50px;
		min-height: 1000px;
		height: 100%;
	}
	
	.navbar-nav {
		text-align: left;
		 width:100%; text-align:center;margin:10px 0; padding:0
}
   .payoff .item li{ width:100%;}
   .navbar-default .navbar-nav>li.user-btn-mar{
	   margin-left:0;
	   border-left:none;
	   }
	.admin-right .dy .nums li{ width:100%; text-align:center;}
	.carousel-iphone{display:none;}
	.text{ left:50%; margin-left:-262px;}

     .use-admin{ left:50%; margin-left:-140px;}
	 #images{ width: 359px; margin:0 auto; text-align:center}
	 #images li{ width: 359px; height: 200px; float:none;  }
}

@media (max-width:992px) {

.detail .carousel h1, .detail p{
	text-align: center;
}

.detail p{
		margin-bottom: 60px;
}

header, .social{
	background-position-y: 0px;
	background-size: 200%;
}

.payoff{
	padding-top: 50px;
	padding-bottom: 50px;
	min-height: 200px;
}

.payoff h1{
	font-size: 24px;
}

.features .col-md-4{
	margin-bottom: 60px;
}
.c1{ width:100%;}
.c2{ width:100%;}
}

@media (max-width:480px){

	header .carousel-iphone, .detail .app-screenshot{
		width: 280px;
	}
	
	header .carousel, .detail .app-screenshot img{
		padding-top: 85px;
		width: 245px;
	}
	
	.detail .app-screenshot img{
		margin-top: -12px;
		padding-top: 0px;
	}
	
	header{
		padding-top: 30px;
		padding-bottom: 0px;
	}
	
	header h1{
		font-size: 70px;
	}
	
	.purchase{
		padding-top: 50px;
	}
	
	.features col-md-4{
		margin-bottom: 50px;
	}
	.payoff .item li{ width:100%;}
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
    .purchasebutton.app-store, .get-it button.app-store{
        background: url(../img/badge-appstore@2x.png) #3a3a3a no-repeat 0px 5px;
        background-size: 98%;
    	color: white;
    }

}