@charset "utf-8";
/* CSS Document */


/****************头部************************/
p,span,ul,li,a,div{font-family: "微软雅黑",Microsoft Yahei,"宋体",tahoma,arial;}
#header
{  
   position: fixed;
   top:0px;
   width:100%;
   float:left;
   height:80px;
   background:#f5f8f8;
   z-index:1000;
   border-bottom: 1px solid #eee;
}
#header2
{
	width:100%;
    background:#313842;
    height:69px;
    float:left;
}
.head-top
{
    width:75%;
	height:80px;
	margin:0 auto;
	position:relative;

}
.head-logo
{
   height:39px;
   float:left;
   margin-top:20px;
   margin-right:30px;
}


/*******导航*******/
.head-nav
{
   /* width: auto;
	height:60px;
	background:url(../images/nav-bg.jpg) repeat;*/
}
.nav_top {
    display: block;
    width: 80%;
    margin: 0 auto;
    line-height:80px;
    position: relative;
	font-size:15px;
}

.nav_top>ul>li {
    padding:0 2%;
    float: left;
    position: relative;
    text-align: center;
    cursor: pointer;
    z-index: 2;
	display:block;
	cursor:pointer;
}
.nav_top> ul> li>a
{ 
    width: 100%; 
	height: 100%;  
	display: block; 
	color: #333;
}
.nav_top> ul> li>a:hover
{
	color: #0ba2ef;
}


.head-right
{
   height:69px;
   float:right;
}

/**/
.head-search
{
   display:inline-block;
}
.head-search input
{ 
   float: right; 
   background: url(../images/sou.png) no-repeat 95% 50%;
   height:18px \9;
   padding:6px 0;
   line-height:18px;
   margin:20px 0;
   color: #555;
   border: 1px solid #aaa; 
   border-right:  none; 
   border-radius:3px 0px 0px 3px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
   text-indent:1em;
}
.head-search span
{
	float: right;
	cursor:pointer;
	display:block; 
	width:50px; 
	height:30px; 
	color: #0ba2ef; 
	border-radius:0px 3px 3px 0px; 
	border:1px #aaa solid; 
	float:right; 
	background:#fff; 
	text-align:center; 
	line-height:30px;
	margin:20px 0;
}
/***登录、注册*/
.head-log
{
   float:right;
   margin-left:15px;
   margin-top:22px;
}
.head-menu,.head-yonghu
{
    float:right;
	margin-left:15px;
	margin-top:6px;
}
.head-log a
{
    display:block;
	width:80px;
	height:30px;
	margin:0 0px 0 15px;
	float:left;
	line-height:30px;
	text-align:center;
	border-radius:3px;
	border:1px solid #0ba2ef;
	
}

.head-log a:hover
{
    background:#0ba2ef;
	border:1px solid #0ba2ef;
	color:#fff;
}
.head-log .head-login-btn
{
    background:#0ba2ef;
	border:1px solid #0ba2ef;
	color:#fff;
	
}
.head-log .head-login-btn:hover
{
    background:#08F;
}
.head-log .head-register-btn
{
    border:1px solid #0ba2ef;
	color:#0ba2ef;
}

.make-log {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #000;
    z-index: 2000;
}

.use_login,.use_register {
    display: none;
    border-radius: 5px;
    overflow: hidden;
    position: fixed;
    top: 20%;
    left: 50%;
    margin-left: -365px;
    width: 730px;
    height: 500px;
    box-shadow: 0px 3px 14px rgba(7,4,6,0.5);
    background: #fff;
    z-index:9999;
}

.X
{
	z-index: 555; 
	display: block; 
	width: 30px; 
	height: 30px; 
	position: absolute; 
	right: 5px; 
	top: 10px; 
	text-align: center; 
	line-height: 30px; 
	cursor:pointer; 
	font-size:22px;
}
.anli
{
	width: 311px; 
	height: 461px; 
	background: #aaa; 
	margin:20px auto; 
	overflow:hidden;
}
.use_login>div,.use_register>div
{
	width: 50%; 
	float:left; 
	height: 100%;
}
.box2
{
	overflow: hidden; 
	position: relative;
}
.box2_title
{
	width: 100%; 
	margin-top: 20px; 
	height: 110px; 
	background: url(../images/logo2.png) no-repeat; 
	background-position: 45% 50%;
}
.box2_but
{
	margin: 0 10px; 
	height: 50px; 
}
.gozhuce
{
	width: 100%; 
	clear: both; 
	display: block; 
	text-align: center;
	cursor:pointer; 
	color: #000;
	margin-top: 20px;
}
.relog
{
	width: 310px;
	margin: 0 auto;
}
.relog-yzm
{
	width: 100px !important;
	float: left;
	margin: 0 10px 6px 3px !important; 
	/*height:40px;*/
}
.relog-fasong
{
	float: left; 
	width: 45%; 
	height:38px;
	padding: 0px 20px;
	border-radius: 3px; 
	margin-bottom: 6px;
	border: 1px solid #0aa0ea;
	background: #0aa0ea;
	cursor: pointer;
	box-shadow: 0 0 2px #eaeaea;
	color:#fff;
}
.relog-fasong:hover
{
	background:#0a9ce5; 
	border: 1px solid #0a9ce5; 
	box-shadow: 0 0 2px #0a9ce5;
}
.relog-resend
{
	width: 45%;
	background:#ddd !important; 
	border:1px solid #ddd !important;
	padding: 0px 10px;
	border-radius: 3px; 
	height:38px;
}
#go_log:hover
{
	color: #0ba2ef
}
#go_reg
{
	cursor:pointer;
}
#forget_password
{
	cursor:pointer;
}
#go_reg:hover
{
	color:#0ba2ef; 
}
#forget_password:hover
{
	color:#0ba2ef; 
}

/**登录后菜单**/
.head-menu a,.head-yonghu a
{
    height: 30px;
    margin: 23px 10px;
    float: left;
    color: #000;
    line-height: 30px;
}
.head-menu a i,.head-yonghu i
{
    width: 25px;
    height: 25px;
    margin:3px 3px;
    display: block;
    float: left;
}
/*.head-yonghu a
{
    height: 30px;
    margin: 25px 5px;
    float: left;
    color: #fff;
    line-height: 30px;
}*/
.user-list
{
	display:inline-block; 
	position:relative;
	height:88px;
}
.user-list-i
{
	width: 25px; 
	height: 25px; 
	margin-right: 5px; 
	margin-left: 5px; 
	margin-top:3px;
	display: block; 
	float: left; 
	background: url(../images/ues.png) no-repeat center center;
}
.user-list-i2
{
	width: 25px; 
	height: 25px; 
	margin-right: 5px; 
	margin-left: 5px; 
	display: block; 
	float: left; 
	background: url(../images/ues1.png) no-repeat center center;
}
.user-menu
{
	display:none; 
	position:absolute;
	top:75px;
	width:100%; 
	background:#fff; 
	z-index:999;
	box-shadow: 1px 2px 3px rgba(0,0,0,.3);
}
.user-menu a
{
	display:block; 
	width:100%; 
	height:40px; 
	border: 1px solid #ccc; 
	border-top:0;
	border-right:0;
	text-align:center; 
	line-height:40px;
	margin:0 auto;
}
.user-menu a:hover
{   
	background:#0ba2ef; 
	color:#fff;
}
/*.user-menu2 {
	z-index:999;
	top:69px;
	right:-12px; 
	width:87px; 
	background:#fff; 
	display:none; 
	position:absolute; 
	z-index:999;
	border-bottom: 1px solid #4a4a4a;
}
.user-menu2 a
{
	display:block; 
	width:100%; 
	height:40px; 
	border-top: 1px solid #4a4a4a;
	border-right: 1px solid #242424;
	border-left: 1px solid #242424;  
	text-align:center; 
	line-height:40px; 
	margin:0; padding:0;
}
.user-menu2 a:hover
{
	background:#0ba2ef; 
	color:#fff;
}
*/
/**修改用户资料**/
.user-profile,.user-profile2
{
	display:none; 
	width:360px; 
	padding:10px; 
	border-radius:5px; 
	background:#fff; 
	z-index:9999; 
	top:25%; 
	position:fixed; 
	left:40%; 
	overflow:hidden; 
	box-shadow: 0px 3px 14px rgba(7,4,6,0.5);
}
.user-profile-title
{ 
   text-align:center; 
   margin:5px auto 25px; 
   font-size:25px; 
   color:#000; 
   float: left; 
   width:100%;
 }
.user-btn
{
	background: #0aa0ea;
    color: #fff;
    text-transform: uppercase;
    /*box-shadow: 0 4px #1177aa;*/
    width: 301px;
    height: 45px;
    display:block;
    margin: 20px auto;
    float:left;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;}
.user-tip
{
	display:none;
	width:360px; 
	padding:0px 0 15px; 
	border-radius:5px; 
	background:#fff; 
	z-index:999; 
	position:fixed; 
	top:40%; 
	left:38%; 
	overflow:hidden; 
	box-shadow: 0px 3px 14px rgba(7,4,6,0.5); 
}
.user-tip-title
{
	height:45px; 
	background:#eaeaea; 
	border-radius:5px 5px 0 0;
    width:100%; 
	float:left; 
	color:#0ba2ef; 
	font-size:18px; 
	line-height:45px; 
	text-indent:0.5em;

}
.user-tip-nr
{
	margin:15px 5%; 
	width:90%; float:left;
}
.user-tip-img
{
	width:100%; 
	height:60px; 
	background:url(../images/icon-success.png) center center no-repeat; 
	margin:5px auto 15px;
}
.user-tip-img2
{
	width:100%; 
	height:60px; 
	background:url(../images/icon-fail.png) center center no-repeat;
	margin:5px auto 15px;
}
.user-tip-nr p
{
	font-size:22px; 
	color:#000; 
	text-align:center; 
	line-height:60px;
}
.user-tip-btn
{
	background: #0aa0ea; 
	color:#fff; 
	width:80%; 
	margin:2% 10% 0; 
	text-align:center; 
	border-radius:5px; 
	height:40px; 

	font-size:16px; 
	border:0; 
	cursor:pointer;
}
.user-tip-btn:hover
{
	background:#0088ff;
}
.old-phonenumber
{
   width:310px;
   margin:0 auto 15px;
   font-size:16px;
}
.o-ncolor
{
    color:#ff6700;
}



.form{ margin-top: 0; font-family:"微软雅黑"}
.form input[type="text"],
.form input[type="password"] {
 	height: 38px;
 	width: 300px;
 	display:block;
 	/*padding: 10px 20px;*/
 	margin: 6px auto;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #eaeaea;
    box-shadow: 0 0 2px #eaeaea;
	text-indent:1em;
}

.code
{
	width: 300px; 
	/*height: 38px;*/
	display: block;
	margin: 10px auto;
	border-radius: 3px;
	-webkit-border-radius: 3px; 
}
.code a
{
	float: left;  
	display: block; 
	height: 40px; 
	color: #8c8c8c; 
	line-height: 40px; 
	text-align: center; 
	margin-left: 10px; 
}
.code .code
{
    width:100px !important; 
	float: left !important; 
	margin: 0;
}
.yanz-code 
{
	width:100px !important; 
	float: left !important; 
	margin: 0;
}
.container
{
	width: 350px; 
	float: left;
}
.form img 
{
	width:110px;
	height: 40px;
	float: left;
	margin-left: 10px; 
	cursor:pointer;
}
.form .btn
{
	background: #0aa0ea;
    color: #fff;
    text-transform: uppercase;
    /*box-shadow: 0 4px #1177aa;*/
    width: 300px;
    height: 40px;
   /* float:left;*/
    margin: 15px auto 0px;
	margin-left:25px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.form .btn:hover{ color:#fff;}
.relog .btn
{
   margin-left:5px;
}
input[type="text"]:focus,
input[type="password"]:focus {
    box-shadow: 0 0 2px #0ba2ef;
}
.godenglu
{
	width: 100%; 
	clear: both; 
	display: block; 
	text-align: center;
	cursor:pointer; 
	color: #000;
	margin-top: 20px;
}
#go_log:hover
{
	color: #0ba2ef;
}
#go_reg
{
	cursor:pointer;
}
#forget_password
{
	cursor:pointer;
}
#go_reg:hover
{
	color:#0ba2ef; 
}
#forget_password:hover
{
	color:#0ba2ef; 
}

/********忘记密码*****/
#forget_password
{
	cursor:pointer;
}
#forget_password:hover
{
	color:#0ba2ef; 
}
.forget_password
{
	display: none; 
	overflow: hidden; 
	position: fixed; 
	width:618px; 
	margin-left: -309px; 
	margin-top: -186px;  
	height: 373px; 
	background: #fff;
	z-index: 9999; 
	top: 50%; 
	left: 50%; 
	border-radius: 8px; 
	box-shadow: 0 0 10px #070406;
}
.forget_password .logoer
{
	width: 115px; 
	height: 44px; 
	margin: 44px auto  22px;
}
.order
{
	margin: 0 auto; 
	width: 450px; 
}
.order .order_yuan
{
	width: 60px; 
	height: 60px; 
	float: left;
}
.order .order_yuan i
{
	margin: 0 auto; 
	width: 23px; 
	height: 23px; 
	display: block;
	border-radius: 50%; 
	text-align: center; 
	line-height: 23px;
}
.order .order_yuan span
{
	text-align: center; 
	width: 100%; 
	display: block; 
	margin-top:10px;
}
.order .order_hen
{
	width: 170px; 
	height: 8px; 
	background: #0aa0ea; 
	float: left; 
	margin-top:8px; 
	margin: 8px -19px;
}
.order_1>i
{
	background: #0aa0ea ;
	color: #fff;
}
.order_1>span
{
	color: #0aa0ea;
}
.order_2>span
{
	color: #aaa;
}
.order_2>i
{
	background: #aaa;
}
.order_3>span
{
	color: #aaa;
}
.order_3>i
{
	background: #aaa;
}
.order .heng1
{
	background: #aaa;
}
.order .heng2
{
	background: #aaa;
}
.verify
{
	width: 450px; 
	margin: 0 auto;
	text-align:center;
	overflow:hidden;
}
.verify input,.verify input.mobile
{
    width: 85%;
	height:38px;
    margin: 6px auto;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #eaeaea;
    box-shadow: 0 0 2px #eaeaea;
	text-indent:1em;
}
/*.verify input.mobile
{
	width: 85%;
	height:38px;
    margin: 6px auto;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #eaeaea;
    box-shadow: 0 0 2px #eaeaea;
	text-indent:1em;
}*/
.verify input.code
{
	width: 152px;
	height:38px;
	float:left;
    margin: 6px auto;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #eaeaea;
    box-shadow: 0 0 2px #eaeaea;
	text-indent:1em;
}
.verify div
{
	width: 384px; 
	height: 40px; 
	margin: 0 auto;
}
.verify .huoqu
{
	cursor:pointer; 
	display: block; 
	width: 140px;
	height: 38px; 
	background: #0aa0ea;  
	float: left; 
	text-align: center; 
	line-height: 38px; 
	color: #fff; 
	border:1px solid #0aa0ea;
	border-radius: 4px; 
	margin-left: 5px;
	margin-top:6px;
}
.verify .next
{
	cursor:pointer; 
	display: block; 
	float: left; 
	width: 91px; 
	height: 38px; 
	background: #0aa0ea;
	margin:20px 15px; 
	margin-left:120px; 
	color: #fff; 
	border:1px solid #0aa0ea; 
	line-height: 38px
}
.verify .abolish
{
	cursor:pointer; 
	float: left; 
	display: block; 
	width: 91px; 
	height: 38px; 
	background:none;
	color: #aaa; 
	margin: 20px 15px; 
	border:1px solid #aaa; 
	line-height: 38px;
}
.yemian_1
{
	width:618px; 
	height:373px; 
	float: left; 
}
.box_password
{
	width: 1854px; 
	height: 373px;  
	position: absolute; 
	top: 0; 
	left: -618px; 
	transition: left 1s;
	-moz-transition: left 1s;  /* Firefox 4 */
	-webkit-transition: left 1s;
}



.butstyle
{  
    border-top: 3px solid #228DFF;
}
.butstyled
{
	border-top: 3px solid #228DFF;
}
.butstyled>a
{
	color: #0ba2ef;
}
.nav_top>ul>li:hover
{
   height:77px;
   background:#fff;
   display:block;
   line-height:75px;
}
.nav_top> ul > li > ul
{
	display: none; 
	border-radius: 0px 0 5px 5px; 
	position: absolute; 
	top: 77px; 
	float: left; 
	max-width:900px; 
	left: 0; 
	background: #fff; 
	/*border:1px solid #c4c4c4;*/
	z-index: 100;
	border-top: none;  
}

.nav_top> ul > li > ul>li
{
	width:100px; 
	height:56px;  
	float: left;
	text-align: center;
	line-height: 56px; 
	cursor: pointer;
	z-index: 2;
}
.nav_top> ul > li > ul>li>a
{
	color: #0a0a0a;
}
.nav_top> ul > li > ul>li:hover a
{
	color: #0ba2ef;
}

.fenlei
{
  border-bottom: #aaa 1px solid !important;
  float: left;
  width: 100%;
  line-height: 60px;
}
.fenlei .butstyle
{
   /*border-bottom: 3px solid #228DFF;*/
   border-top: none;
}
.fenlei li
{
   color:#333 !important;
}
.fenlei>ul>li:hover
{
    line-height:60px;
    display:block;
	height:auto;
    color:#0ba2ef !important;
	background:url(../images/nav-arrow.png) repeat-x center bottom;
}
.fenlei> ul > li > ul
{
    top:60px !important;
    display: none; 
	border-radius: 0px 0 5px 5px; 
	position: absolute; 
	float: left; 
	max-width:900px; 
	left: 0; 
	border:1px solid #aaa;
	z-index: 100;
/*	border-top: none;*/
	background: #fff;
	padding:5% 0;
	box-shadow: 1px 2px 3px rgba(0,0,0,.3);
}

.fenlei li a
{
   color:#000 !important;
}
.fenlei li a:hover
{
   color:#0ba2ef !important;
}
.fenlei> ul > li > ul li
{
   line-height:45px !important;
   height:45px !important;
}
.fenlei> ul > li > ul li a
{
   color:#555 !important;
   font-size:14px;
}



/**************************banner**************************/
.fullSlide
{
	width:100%;
	position:relative;
	height:600px;
	background:#000;
	float:left;
	margin-top:80px;
}
.fullSlide .bd
{
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul
{
	width:100% !important;
}
.fullSlide .bd li
{
	width:100% !important;
	height:600px;
	overflow:hidden;
	text-align:center; 
}
.fullSlide .bd li a
{
	display:block;
	height:600px;
}
.fullSlide .hd
{
	width:100%;
	position:absolute;
	z-index:1;
	bottom:50px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul
{
	text-align:center;
}
.fullSlide .hd ul li
{
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:15px;
	border-radius: 50%; 
	height:15px;
	margin:15px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=80);
	opacity:0.8;
	line-height:999px;
}
.fullSlide .hd ul .on
{
	background:#0ba2ef;
}
.fullSlide .prev,.fullSlide .next
{
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next
{
	left:auto;
	right:5%;
	background-position:-6px -137px;
}

/************首页四个菜单*********/
.four-menu
{
    width:100%;
	/*height:100%;*/
	float:left;
	font-family:"微软雅黑"
}
.four-menu ul li
{
   width:25%;
 /*  height:100%;*/
   float:left;
   position:relative;
}
.four-menu ul li a
{
   
   width:100%;
   display:block;
   float:left;
}
.four-menu ul li img
{
   float:left;
   width: 72%;
   margin: 0 14%;
}
.four-txt
{
    position: absolute;
    left: 43%;
    color: #fff;
    margin-top: 15%;
	letter-spacing:1px;
}
.four-txt h3
{
	width:100%;
   font-size:1.4em;
   padding-bottom:25px;
   font-weight:normal;
}
.four-txt p
{
   width:100%;
   font-size:1.2em;
}
.four-menu ul li.one
{
   background:#d99010;
}
.four-menu ul li.two
{

   background:#1983c7;
}
.four-menu ul li.three
{
   background:#7fd157;
}
.four-menu ul li.four
{
   background:#f47084;
}


/***************我的作品***************/
#main
{
   width:100%;
   height:100%;
   float:left;
  /* background:#f5f7f9;*/
   margin-top:100px;
   font-family:"微软雅黑"
}
.main
{
   width:80%;
   margin:10px auto;
   min-height:730px;
   overflow:hidden;
}
.main-left
{
   width:15%;
   float:left;
   margin-top:50px;
   background:#fafafa;
   overflow:hidden;
}
.main-left .user_name
{
	width:80%; 
	text-align: center; 
	padding: 0 10%; 
	font-size: 18px;
	margin-top: 20px;
}
.main-left ul
{
	width:100%; 
	margin: 0px auto;
}
.main-left ul span
{
	font-size: 18px; 
	color: #575757; 
	width:100%; 
	padding: 10px 25px; 
	display: block; 
	height: 45px; 
	line-height: 45px;
	background:#eee;
}
.main-left ul span i
{
	display: block;  
	width: 28px; 
	height: 28px; 
	background-size: 100%; 
	float: left; 
	margin: 8px 0; 
	margin-right: 20px; 
}
.main-left ul li
{
	color: #575757; 
	cursor: pointer; 
	text-align: center; 
	width: 100%; 
	margin: 0 auto; 
	clear: both; 
	height: 60px;
	line-height: 60px; 
	font-size: 14px;
	border: 1px solid #f2f2f2;
    border-bottom: 0px;
}
.main-left ul li a
{
     width:100%;
     display:block;
	 border-left: 5px solid #fafafa;
}
.main-left ul li a:hover
{
    background: #fff;
    border-left: 5px solid #009cf7 !important;
    color: #009cf7;
}
.tubiao1
{
	background: url(../images/myzuop.png) no-repeat center; 
}
.tubiao2
{
	background: url(../images/daishengh.png) no-repeat center;
}
.main-lcur a
{
    background: #fff; 
	border-left: 5px #009cf7 solid !important;
	color:#009cf7 !important;
}

.main-left .main-lcur a:hover
{
   background:#fff !important;
   border-left:5px #009cf7 solid !important;
}
.main-right
{
   width:83%;
   float:right;
   margin-top:40px;
}
.works
{
	width:100%;
	float:left;
}
.works li
{
	width:292px;
	/*height: 374px; */
	background: #fff; 
	border: 1px solid #c4c4c4; 
	float: left; margin:8px;
	overflow:hidden;
}
.zhizuo
{
	width: 292px;
	background: #f5f5f5;
	float: left; 
	margin:8px; 
	cursor:pointer;
}
.zhizuo>div
{
	width: 260px; 
	height: 505px; 
	border:1px dotted  #c4c4c4; 
	border-radius: 4px; 
	margin:15px; 
	background: url(../images/chuanj.png) no-repeat center;
}
.zhizuo>div.kongbaianli
{
   background: url(../images/chuananli.png) no-repeat center;
}
.zhizuo>div.kongbaimuban
{
  background: url(../images/chuanmuban.png) no-repeat center;
}
.pic
{
	position: relative; 
	width: 276px; 
	height: 449px;
	margin: 8px; 
	overflow:hidden; 
	margin-bottom:0;
	cursor: pointer; 
}
.pic img
{
   width:276px;
}
.pic .make
{
	position: absolute; 
	top: 0; 
	left: 0; 
	background: rgba(0,0,0,0.7); 
	width: 100%; 
	height:100%; 
	opacity:0;  
	transition: opacity 0.5s;
   -moz-transition:  opacity 0.5s;  /* Firefox 4 */
   -webkit-transition:  opacity 0.5s; /* Safari 和 Chrome */
   -o-transition:  opacity 0.5s;  /* Opera */
 }
.pic:hover .make
{
	opacity:1;
}
.pic:hover .make a.edit
{
	top:60px; 
	text-indent:-9999em;
}
.pic:hover .make a.chakan
{
	top:110px; 
	text-indent:-9999em;
}
.pic:hover .make a.del
{
	top:160px; 
	text-indent:-9999em;
}
.pic .make a:hover.edit
{
	background: #0aa0ea url(../images/compile.png) no-repeat center;
	background-size: 60%; 
}
.pic .make a:hover.chakan
{
	background: #0aa0ea url(../images/chakan.png) no-repeat center;
	background-size: 60%; 
}
.pic .make a:hover.del
{
	background: #0aa0ea url(../images/del.png) no-repeat center;
	background-size: 60%; 
}


.pic .make a
{
	display: block; 
	z-index: 11; 
	width: 35px; 
	height: 35px;
	margin-left: -17px; 
	margin-top: -17px;  
	left: 50%;
	position: absolute; 
	border-radius: 50%;
	transition: top 0.5s;
    -moz-transition:  top 0.5s;  /* Firefox 4 */
   -webkit-transition:  top 0.5s; /* Safari 和 Chrome */
   -o-transition:  top 0.5s;  /* Opera */  
 }

.pic .make a.edit
{
	background:rgba(225,225,225,0.5) url(../images/compile.png) no-repeat center;
	top:-90px; 
	background-size: 60%; 
	text-indent:-9999em;
}
.pic .make a.chakan
{
	background:rgba(225,225,225,0.5) url(../images/chakan.png) no-repeat center;
	top:250px; 
	background-size: 60%; 
	text-indent:-9999em;
}
.pic .make a.del
{
	background:rgba(225,225,225,0.5) url(../images/del.png) no-repeat center; 
	top:310px;
	background-size: 60%; 
	text-indent:-9999em;
}
.pic .make a:
{
	background: #e9edee;
}

.title
{
	height: 45px; 
	width: 96%; 
	margin: 0 2%;
	float:left;
}
.title .vip
{
	cursor: pointer; 
	float: right;  
	display: block; 
	width: 30px; 
	height: 30px; 
	margin: 12px 0; 
	background: url(../images/vip.png) no-repeat center ;  
	background-size: 100%;
}

.title  p
{
	float: left;  
	display: block; 
	width: 190px; 
	height:45px; 
	margin-left: 8px; 
	font-size: 17px; 
	line-height: 45px;
	overflow : hidden;
    text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.muban-title
{
	float: left;  
	display: block; 
	width: 82% !important; 
	height:45px; 
	margin-left:8px ;
	font-size: 17px !important; 
	line-height: 55px;
	overflow : hidden;
    text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.muban-title-a
{
	width: 100% !important; 
	margin-left:0px !important; 
	font-size: 15px !important;
}
.desc
{
	width: 95%; 
	height:25px; 
	margin: 5px 8px; 
	border-top: 1px solid #c4c4c4; 
	line-height: 25px;
	overflow : hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
	display: flex; 
	padding-top: 3px; 
}
.desc img
{
	vertical-align:middle; 
	margin-right:8px; 
	width:25px;
    height:25px;
}
.use-cishu
{
	color:#0ba2ef;
}

/******案例展示********/
.caseshow-search
{
    width: 40%;
	float:left;
	margin-top:30px;
}
.caseshow-search-bar {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.caseshow-search input {
    width: 60%;
    color: #999;
    display: block;
    background: url(../images/sou1.png) no-repeat 95% 50%;
    background-size: 20px;
    padding: 10px 10px;
    border: 1px solid #aaa;
    border-radius: 3px;
	margin:0 auto;
}

.caseshow-search input:hover,
.caseshow-search input:focus {
/*    border: 1px #228DFF solid;*/
  /*  -webkit-animation: neon2 1.5s ease-in-out infinite alternate;
    -moz-animation: neon2 1.5s ease-in-out infinite alternate;
    animation: neon2 1.5s ease-in-out infinite alternate;*/
}

.caseshow-search input:hover .seek span,
.caseshow-search input:focus .seek span {
    border: 1px #228DFF solid;
}

@-webkit-keyframes neon2 {
    from {
        box-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #228DFF, 0 0 7px #228DFF, 0 0 8px #228DFF, 0 0 10px #228DFF, 0 0 15px #228DFF;
    }
    to {
        box-shadow: 0 0 2px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 0 5px #228DFF, 0 0 14px #228DFF, 0 0 16px #228DFF, 0 0 20px #228DFF, 0 0 30px #228DFF;
    }
}

.caseshow-search span {
    position: absolute;
    cursor: pointer;
    display: block;
    width: 50px;
    height: 37px;
    color: #0ba2ef;
    right: 18%;
    top: 0;
    border-left: none;
    text-align: center;
    line-height: 30px;
}
.sta {
    width: 80%;
	margin:0 auto;
    background: #fff;

}
.found {
    background: #0ba2ef;
    color: #FFF;
    display: block;
    width: 100px;
    height: 30px;
    border-radius: 3px;
    float: right;
    text-align: center;
    line-height: 30px;
    margin: 15px 0px;
}
.nav-bott {
    display: block;
    width: 100%;
    float:left;
    height: 60px;
    background: #fff;
    position: relative;
}

.nav-bott a
{  
    width: 100px;
	height:30px;
    display:block;
	
	float:left;
	margin:15px 0px 15px 20px;
	text-align:center;
	line-height:30px;
	border-radius:3px;
	
}
.nav-bott a.nav-menu
{
    color: #818181;
    border: 1px solid #818181;
}
.nav-bott a.nav-bott-cur
{
    background: #0ba2ef;
    color: #fff;
    border: 1px solid #0ba2ef;
}
.nav-togg
{
    position:absolute;
	right:0;
}

.case-left
{
   width:78%;
   float:left;
}
.case-right
{
   width:18%;
   float:right;
   overflow:hidden;
}
.designer-name
{
   width:75%;
   float:left;
   margin-top:10px;
}
.designer-name .nametxt
{
   margin-left:10px;
}
.stylist {
    width: 100%;
    float: right;


}
.stylist li
{
	margin:20px 0; 
	height: 60px;
}

.case>div {
    width:200px;
    height: 50px;
    padding-left:  20px;
    border-bottom: 1px solid #aaa;
    line-height: 50px;
    font-size: 14px;
}
/*.stylist li{ margin:20px ; height: 60px;}*/
.case-right .designer-tx{
    width: 50px;
    height: 50px;
    float: left;
    overflow: hidden;
    margin: 10px auto;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
}
.case .portrait{
    width: 40px;
    height: 40px;
    float: left;
    overflow: hidden;
    margin: 10px auto;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
}

.case .username {
    color: #575757;
    padding-left: 10px;
    width: 95%;
/*    margin-top: 10px;*/
    text-align: left;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
	overflow:hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.case-right .rate {
    width: 100px;
    height: 25px;
    background: url(../images/xing.png) no-repeat center;
}


.case {
    width: 100%;
    margin:0 auto;
}

.case li {
    margin: 10px 10px;
    border: 1px solid #c4c4c4;
    box-shadow: 0 0 1px #c4c4c4;
    background: #fff;
    float: left;
}

.cover {
    width: 245px;
    height: 380px;
    overflow: hidden;
    position: relative;
    padding: 10px;
    background: #fff;
}
.cover img{ width:245px;}

.cover:hover .mask {
    display: block;
    top: 10px;
}
.mask {
	width:245px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 10px;
    height: 100%;
    top: 100%;
    transition: top 0.5s;
    -moz-transition: top 0.5s;
    -webkit-transition: top 0.5s;
    -o-transition: top 0.5s;
    -ms-transition: top 0.5s;
}


.usebut {
    display: block;
    background: ;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    width: 120px;
    margin: 150px auto 0;
    border-radius: 3px;
    padding: 5px 0;
}
.useyulan {
    display: block;
    background: ;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    width: 120px;
    margin: 15px auto;
    border-radius: 3px;
    padding: 5px 0;
}

.usebut:hover,.useyulan:hover {
    background: #0ba2ef;
    border: 1px solid #0ba2ef;
    cursor: pointer;
}
.columns 
{
	border-top: 1px solid #c4c4c4; 
	width: 235px; 
	margin: 10px auto 0;
}


.write {
    width: 145px;
    text-align: left;
    height: 30px;
    margin: 10px 0;
    float: left;
    color: #575757;
    line-height: 25px;
	
}
.write .number{ 
   font-size:0.9em;
   padding:0 10px;
   width:95%;
   overflow:hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
 }

.collect {
    width: 50px;
    height: 30px;
   /* margin: 20px 0;*/
    float: right;
    background: url(../images/star.png) no-repeat 50% 50%;
    cursor: pointer;
}

.collect:hover,.collect-light:hover{
    background-size: 60%;
}
.collect-light
{
    width: 50px;
    height: 30px;
  /*  margin: 20px 0;*/
    float: right;
    background: url(../images/star-light.png) no-repeat 50% 50%;
    cursor: pointer;
}
.result-search
{
	width:100%; 
	margin: 15px auto 25px; 
	font-size:15px;
}
.result-searchshu
{ 
    color:red;
}




/*分页  CSS代码*/

.pages {
    width:80%;
    height: 50px;
    clear: both;
    margin: 50px auto;
    padding-top: 50px;
	text-align:center;
}

.pages #Pagination {
   /* float: left;*/
    overflow: hidden;
	display:inline-block;
	vertical-align:top;
}

.pages #Pagination .pagination {
    height: 40px;
    text-align: right;
    font-family: \u5b8b\u4f53,Arial;
}

.pages #Pagination .pagination a,
.pages #Pagination .pagination span {
    float: left;
    display: inline-block;
	height:38px;
    text-align: center;
    padding: 0px 17px;
    border: 1px solid #9e9e9e;
    margin:0 3px;
    background: #fff;
    color: #666666;
    cursor: pointer;
	border-radius:2px;
	line-height:40px;
}

.pages #Pagination .pagination .current {
    background: #0ba2ef;
    color: #fff;
    border:1px solid #0ba2ef;
	cursor:default;
}

.pages #Pagination .pagination .prev,
.pages #Pagination .pagination .next {
    float: left;
    width: 50px;
    /*padding: 11px 13px;*/
    font-size: 12px;
    border: 1px solid #9e9e9e;
    margin: 0 5px;
    background: #fff;
    color: #666666;
    cursor: pointer;
}

.pages #Pagination .pagination .pagination-break {
/*    padding: 11px 5px;*/
    width: 10px;
    border: none;
    background: none;
    cursor: default;
}

.pages .searchPage {
   /* float: left;*/
    padding: 0px 0;
	margin-left:15px;
	line-height:40px;
	display:inline-block;
	vertical-align:top;
}

.pages .searchPage .page-sum {
    padding: 11px 13px;
    color: #9e9e9e;
    font-family: \u5b8b\u4f53, Arial;
}

.pages .searchPage .page-go {
    padding: 8px 0;
    color: #9e9e9e;
    font-family: \u5b8b\u4f53, Arial;
    padding: 10px 0\9;
    padding: 6px 0;
}

.pages .searchPage .page-go input {
    width: 30px;
    height: 30px;
    margin: 0 5px;
    padding: 0;
    display: inline-block;
    padding-left: 5px;
    border: 1px solid #9e9e9e;
}

.pages .searchPage .page-btn {
    margin: 9px 0 5px 5px;
    padding: 2px 5px;
    background: #0ba2ef;
    border-radius: 2px;
    color: #ffffff;
    text-decoration: none;
    display: inline;
    padding: 11px 20px;
    margin:0 3px;

    font-family: \u5b8b\u4f53, Arial;
    cursor: pointer;
}


/*悬浮按钮*/

.fscrollbar {
    position: fixed;
    right: 50px;
    bottom: 100px;
    width: 45px;
    height: 200px;
	z-index:999;
	text-indent:-99999em;
}

.fscrollbar div {
    width: 45px;
    height: 45px;
    cursor: pointer;
}
.fscrollbar div a
{
    display:block;
	width:45px;
	height:45px;
}

.fscrollbar div.stick{
    background: url(../images/ui1.png) no-repeat center center;
}

.fscrollbar div.app{
    background: url(../images/ui2.png) no-repeat center center;
}

.fscrollbar div.course{
    background: url(../images/ui3.png) no-repeat center center;
}

.fscrollbar div.service{
    background: url(../images/ui4.png) no-repeat center center;
}

/*************************修改密码 单独页**********************/
.gerenziliao-box
{
	border-radius: 5px;
	overflow: hidden; 
	margin:125px auto;
	width: 730px;
	height: 500px; 
	background: #fff; 
	border:1px solid #eee;
}
.gerenziliao-box-left
{
	width:49%; 
	float:left; 
	height:100%;
}
.gerenziliao-box-right
{
	width:49%; 
	float:right; 
	height:100%;
}
.gerenziliao-logo
{
	margin:25px auto 35px; 
	text-align:center;
}
.gerenziliao-title
{
	margin-bottom:40px;
}



/**********************************内页******************************/
.ny-weizhi
{
   width:100%;
   display:inline-block;
   margin-top:20px;
   line-height:30px;
   color:#000;
}
.ny-weizhi img
{
   display:inline-block;
}
.ny-weizhi a
{
    color:#333;
}
.ny-weizhi a:hover
{
   color:#008eff;
   text-decoration:underline;
}
.ny-main
{
   width:100%;
   display:inline-block;
   background:#fff;
   margin:0px auto;
   padding:35px 0;
   margin-bottom:25px;
   border-top:2px solid #1babf4;
}

/**套餐类型**/
.ny-taocan
{
   width:90%;
   margin:25px auto;
}
.ny-taocan-leixing
{
   width:47%;
   _width:46%;
   float:left;
   position:relative;
}
.ny-taocan-leixing2
{
   width:47%;
   _width:46%;
   float:left;
   position:relative;
   margin-left:6%;
}
.ny-taocan-leixing-baoyue
{
    width:92%;
	height:175px;
	background:#f2f2f2;
	padding:0 3%;
	border:3px dashed #1071d0;
	border-radius:5px;
	float:left;
	
}
.ny-taocan-leixing-dingzhi
{
    width:92%;
	height:175px;
	background:#f2f2f2;
	padding:0 3%;
	border:3px dashed #acd6da;
	border-radius:5px;
	float:left;
	
}
.ny-taocan-leixing-btn
{
	position:absolute;
	top:-13%;
	left:34.6%;
    width:30%;
	padding:2% 0;
	background:#00b0f0;
	color:#fff;
	font-size:22px;
	text-align:center;
	border-radius:8px;
	z-index:1;
}
.ny-taocan-leixing-btn2
{
	position:absolute;
	top:-13%;
	left:34.6%;
    width:30%;
	padding:2% 0;
	background:#4f8b8f;
	color:#fff;
	font-size:22px;
	text-align:center;
	border-radius:8px;
	z-index:1;
}
.ny-taocan-title
{
   text-align:center;
   font-size:16px;
   font-weight:bold;
   padding:40px 0 10px;
}
.ny-taocan-p
{
    font-size:16px;
	line-height:30px;
	color:#000;
}

.ny-gongneng
{
    width:100%;
	float:left;
	margin:35px 0;
}
.ny-gongneng table,.ny-gongneng tr,.ny-gongneng td
{
    border:1px solid #ccc !important;	
	font-size:16px;
	
}
.ny-gongneng table
{
   border-right:0px !important;
   border-bottom:0px !important;
}
.ny-gongneng tr,.ny-gongneng td
{
   border-left:0 !important;
   border-top:0 !important;
}

.ny-gongneng-title
{
   font-size:18px;
   font-weight:bold;
   color:#444;
}
.ny-gongneng table p
{
	float: left;
    width: 100%;
    padding:5px 0;
}
.ny-gongneng-gou
{
   float:left;
   font-weight:bold;
}
.ny-gongneng-txt
{
	width:89%;
	margin-right:1%;
    float:right;
}
.ny-kaitongfangshi
{
   width:100%;
   float:left;
   margin-top:25px;
   font-size:15px;
   line-height:25px;
   color:#000;
   
}
.ny-kaitongfangshi p
{
   font-weight:bold;
}


/**菜单内页**/
.ny-menu-nr
{
    width: 100%;
    display: inline-block;
    background: #fff;
    margin: 10px auto 25px;
}
.side-left
{
   width:18%;
   height:100%;
   float:left;
   background:#fafafa;
/*   padding-bottom:50px;*/
}
.side-left ul li
{
   width:100%;
   float:left;
   height:58px;
   border:1px solid #f2f2f2;
   border-bottom:0px;
   text-align:center;
   line-height:60px;
   color:#333;
}
.side-left-title
{
   position:relative;
   font-size:18px;
   cursor:default;
   background:#eee;
}
.side-left-title i
{
   position:absolute;
   top:35%;
   left:7%;
   width:20px;
   height:23px;
}
.side-left ul li a
{
   display:block;
   width:100%;
   height:100%;
   border-left:5px solid #fafafa;
}
.side-left ul li a:hover,.side-activity
{
   background:#fff;
   border-left:5px solid #009cf7 !important;
   color:#009cf7;
}

.side-left ul li:last-child
{
   border-bottom:1px solid #f2f2f2;
}
.side-right
{
   width:81%;
   float:right;
}
.side-r-main
{
    width:92%;
	margin:0 auto;
}
.side-r-title
{
   width:100%;
   float:left;
   height:60px;
   border-bottom:1px solid #bfbfbf;
   font-size:16px;
   line-height:60px;
}
.side-r-nr
{
   width:100%;
   float:left;
   margin-top:15px;
   padding-bottom:50px;
   line-height:25px;
   color:#40484f;
}
.side-r-nr a
{
   color:#01a4f7;
}
.side-r-nr a:hover
{
   color:#0479fd;
   text-decoration:underline;
}
.side-r-nr h2
{
    font-size: 18px;
    font-weight: bold;
    margin: 15px auto;
    float: left;
}
.side-r-nr p
{
    width:100%;
	float:left;
	margin: 5px auto;
}
.check_center
{
	width: 100%; 
}
.check_center ul li
{
	width:30%;
	margin:0 1%; 
	height: 348px; 
	float: left; 
}
.check_center ul li div
{
	width: 100%;
	height: 173px;
}
.check_center ul li div img
{
	display: block; 
	width: 131px; 
	height: 131px; 
	margin:42px auto;
}
.check_center ul li h3
{
	font-size: 20px; 
	font-weight: normal; 
	text-align: center; 
	display: block;
	width: 100%; 
	height: 40px; 
	line-height: 40px; 
	margin-bottom: 20px;
}
.check_center ul li p
{
	width: 100%; 
	display: block;
	text-align: center;
	margin: 0 auto; 
	line-height: 30px; 
	font-size: 16px; 
	color: #414141;
} 
.check_center a
{
	display: block; 
	width: 313px; 
	height: 50px; 
	background:#0aa0ea; 
	border-radius: 5px; 
	margin: 0 auto; 
	text-align: center;
	color: #fff; 
	line-height: 50px; 
	font-size: 20px; 
}

.ny-view
{
    width:100%;
	margin:30px auto;
	overflow: hidden;
	position:relative;
}
.ny-view-left
{
   width:40%;
   float:left;
   height:650px;
   background:url(../images/view.png) no-repeat;
   position:relative;
   margin-left:50px;
}
.ny-view-nr
{
    width:278px;
	height:488px;
	overflow:hidden;
	position:absolute;
	top:80px;
	left:21px;

}
.ny-view-nr h1
{
    width: 95%;
    height: 45px;
    background: #000;
    color: #fff;
    line-height: 45px;
    text-align: center;
    display: block;
    font-size: 20px;
    padding: 0 2.5%;
	white-space:nowrap;
	overflow:hidden;
   -o-text-overflow: ellipsis; /* for Opera */ 
   text-overflow:ellipsis; /* for IE */ 
}
.ny-view-box
{
    float: left;
    width: 100%;
    height: 489px;
}
.ny-view-btn
{
    width: 6%;
    float: left;
    margin: 20% 5% auto 1%;
}
.ny-arrow-up
{
    width:40px;
	height:20px;
	margin:50px auto;
	float:left;
	background:url(../images/arrow.png) no-repeat 0 0;
	display:block;
	text-indent:-99999em;
	cursor:pointer;
}
.ny-arrow-up:hover
{
	background-position:0 -20px;
}
.ny-arrow-down
{
   width:40px;
   height:20px;
   margin-top:50px;
   float:left;
   background:url(../images/arrow.png) no-repeat -0px -60px;
   display:block;
   text-indent:-99999em;
   cursor:pointer;
}
.ny-arrow-down:hover
{
	background-position:0 -40px;
}
.ny-view-right
{  
    width:30%;
   float:left;
   text-align:center;
}
.ny-view-right-nr
{
   width:100%;
  margin:40% auto auto;
}
.ny-view-right-nr img
{
   max-width: 100%;
   height: auto;
}
.ny-view-right-nrtxt
{
    color:#0a7eea;
	font-size:16px;
	text-align:center;
}
.ny-view-right-ewm
{
   width:230px;
   height:230px;
   margin:15px auto;
   background:#fff;
   border:1px solid #ccc;
}
.ny-view-right-ewm img
{
   width:200px;
   height:200px;
   margin:15px;
   overflow:hidden;
}
.ny-view-make
{
   width:80%;
   margin:0 auto;
}
.ny-view-make a
{
   width:100%;
   border-radius:5px;
   background:#2096f9;
   color:#fff;
   height:45px;
   line-height:45px;
   text-align:center;
   display:block;
}
.ny-view-make a:hover
{
   background:#0a64ea;
   color:#fff;
}

/*app下载**/
.ny-app
{
  width:46%;
  margin:0 auto;
  text-align:center;
}
.ny-app img
{

   margin:0 auto;
}
.ny-app-img
{
   width:100%;
   float:left;
   margin:0px auto 35px;
}
.ny-app-zi
{
   width:100%;
   float:left;
   font-size:18px;
   margin:0px auto 8px;
}
.ny-app-ewm
{
    width:100%;
	float:left;
	margin:10px auto;
	line-height:30px;
	font-size:15px;
}
.ny-app-ewm-android
{
   width:50%;
   margin:0 auto;
   float:left;
}
.ny-app-ewm-android img,.ny-app-ewm-ios img
{
    width:150px;
    height:150px;
	padding:10px;
	border:1px solid #ccc;
    overflow:hidden;
    text-align:center;
}
.ny-app-ewm-ios
{
   width:50%;
   margin:0 auto;
   float:left;
}


/*关于我们*/
.ny-about
{
   width:100%;
   float:left;
}
.ny-about p
{
   width:100%;
   margin:10px auto;
   float:left;
}
.ny-about h2
{
   font-size:18px;
   font-weight:bold;
   margin:15px auto;
   float:left;
}
.ny-about-img
{
   width:100%;
   text-align:center;
   
}
.ny-about-img p
{
   font-size:16px;
   margin:3px auto;
}
.ny-about-logo
{
	font-size:18px;
    line-height:30px;
	color:#009cf7;
}
.ny-about-img img
{
   width:160px;
   margin:0 auto;
}
.ny-about-youshi
{
   width:100%;
   float:left;
}
.ny-about-youshi h3
{
   width:150px;
   height:45px;
   line-height:45px;
   border-radius:6px;
   float:left;
   margin:10px auto 0px;
   color:#fff;
   text-align:center;
   cursor:default;
}
.gongzhonghao
{
   background:#14aef6;
}
.weishangcheng
{
   background:#ff8093;
}
.h5haibao
{
   background:#f99b2c;
}
.xifen
{
   background:#04bb52;
}

/***预览***/

.view
{
    width:55%;
	margin:100px auto 50px;
	overflow: hidden;
}
.view-left
{
   width:320px;
   float:left;
   height:650px;
   background:url(../images/view.png) no-repeat;
   position:relative;
   margin-top:45px;
}
.view-nr
{
    width:278px;
	height:488px;
	overflow:hidden;
	position:absolute;
	top:80px;
	left:21px;

}
.view-nr h1
{
    width: 95%;
    height: 45px;
    background: #000;
    color: #fff;
    line-height: 45px;
    text-align: center;
    display: block;
    font-size: 18px;
    padding: 0 2.5%;
	white-space:nowrap;
	overflow:hidden;
   -o-text-overflow: ellipsis; /* for Opera */ 
   text-overflow:ellipsis; /* for IE */ 
}
.view-box
{
    float: left;
    width: 100%;
    height: 489px;
}
.view-btn
{
    width:40px;
	float:left;
	margin:245px 0px 0 35px;
}
.arrow-up
{
    width:40px;
	height:20px;
	margin:50px auto;
	float:left;
	background:url(../images/arrow.png) no-repeat 0 0;
	display:block;
	text-indent:-99999em;
	cursor:pointer;
}
.arrow-up:hover
{
	background-position:0 -20px;
}
.arrow-down
{
   width:40px;
   height:20px;
   margin-top:50px;
   float:left;
   background:url(../images/arrow.png) no-repeat -0px -60px;
   display:block;
   text-indent:-99999em;
   cursor:pointer;
}
.arrow-down:hover
{
	background-position:0 -40px;
}
.view-right
{
   float:right;
   margin-right:50px;
}
.view-right-nr
{
   width:230px;
   float:right;
   margin-top:195px;
}
.view-right-nr img
{
   max-width: 100%;
   height: auto;
}
.view-right-nrtxt
{
    color:#0a7eea;
	font-size:16px;
	text-align:center;
}
.view-right-ewm
{
   width:228px;
   height:228px;
   float:left;
   margin:15px auto;
   background:#fff;
   border:1px solid #ccc;
}
.view-right-ewm img
{
   width:200px;
   height:200px;
   margin:15px;
   overflow:hidden;
}
.view-explain
{
    width:50%;
	margin:80px auto 50px;
	overflow:hidden;
}
.view-topname
{
    width:100%;
	float:left;
	
}
.view-explain-txttitlebox
{
	width:13px;
	height:13px;
	background:#5c9ded;
	margin-right:10px;
	margin-top:5px;
	text-indent:-9999em;
	margin-bottom:10px;
	float:left;
}
.view-explain-txttitle
{
    font-size:16px;
	padding-bottom:15px;
	display:inline-block;
	color:#000;
	font-weight:bold;
}
.view-explain-nr
{
    width:100%;
	float:left;
	background:#fff;
	margin-bottom:35px;
}
.view-ex-l
{
    width:330px;
	float:left;
	margin-top:35px;
}
.view-ex-l ul li
{
    width:100%;
	float:left;
	margin:5px 0;
	line-height:30px;
}
.view-ex-r
{
    width:580px;
	float:right;
	margin-top:35px;
	overflow:hidden;
}
.view-ex-l ul li .v-icon
{
   width:28px;
   float:left;
   margin-right:10px;
   vertical-align:middle;
}
.view-ex-l ul li .v-txt
{
   color:#000;
   float:left;
}
.v-color
{
    color:#000;
	font-size:16px;
	font-weight:500;
}

.view-explain-ex
{
	color:#777;
	float:right;
	text-align:right;
}
.view-make
{
   width:100%;
   float:left;
}
.view-make a
{
   width:100%;
   border-radius:5px;
   background:#2096f9;
   color:#fff;
   height:45px;
   line-height:45px;
   text-align:center;
   display:block;
}
.view-make a:hover
{
   background:#0a64ea;
}


.qitu-name
{
   width:70% !important;
   float:left;
}
.qitu-price
{
    float: right;
    line-height: 25px;
    color: red;
}
.qitu-write
{
    height: auto;
    border-top: 1px solid #ccc;
    width: 100%;
    padding-top: 5px;
}
.qitu-cishu
{
   width: 55% !important;
   float:left;
   line-height:35px;
   color:#666;
}
.qitu-portrait
{
   width:35px !important;
   height:35px !important;
   margin: 0 auto !important;
}



/********************首页底部***********************/
.fooder
{
	width:100%; 
	color:#333;
	float:left;
	position:relative;
	background:#f5f8f8;
	font-family:"微软雅黑"; 
}
.food_div
{
	width: 75%;  
	margin: 0 auto;
	overflow:hidden;
	padding:15px 0;
}
.fooder>.food_div>ul
{
	width: 49.5%; 
	float: left;
	text-align:center;
}
.food_div_rl
{
	width: 49.5%; 
	float: right; 
	border-left: 1px #ccc solid;
	margin-top:25px; 
	padding: 0px 0 10px;
	text-align:center;
}
.fooder>.food_div>ul>li
{
	width: 30%; 
	float: right; 
	margin-top: 20px; 
}
.fooder>.food_div>ul>li a
{
   color:#333;
}
.fooder>.food_div>ul>li a:hover
{
	text-decoration:underline;
}
.fooder>.food_div>ul>li>ul>span
{
	display: block;
	line-height: 50px; 
	font-size:1.3em;
}
.fooder>.food_div>ul>li>ul>li
{
	line-height:30px; 
	font-size: 1.1em;
}
.food_div_rl div:nth-child(1)
{
	width: 50%; 
	float: left; 
}
.food_div_rl div:nth-child(2)
{
	width: 50%; 
	float: left;
}
.food_div_rl h3
{
	font-weight: normal; 
	height: 50px;
	font-size:2em; 
	line-height: 50px; 
}
.food_div_rl p
{
	clear: both; 
	line-height: 30px; 
	font-size:1.1em;
}
.food_div_rl img 
{
	width: 136px; 
	height: 136px; 
	margin: 0 auto; 
	display: block;
	border:1px solid #ccc;
}

/**********************内页底部*****************/
.foot
{
	width:100%; 
/*	height:160px; */ 
	float: left;
	border-top:1px solid #eee;
	background:#f5f8f8;
	font-family:"微软雅黑";
}
.foot-list
{
	width:75%; 
	margin:5px auto 0; 
	text-align:center; 
	line-height:25px; 
	color:#333; 
}
.foot-l
{
   width:49%;
   float:left;
   margin-top:15px;
}
.foot-ladv
{
   font-size:16px;
   color:#333;
}
.foot-r
{
   width:50%;
   float:right;
}
.foot-ewm
{
   width:100px;
   float:left;
   margin: 10px 0;
   
}
.foot-ewm img
{
   border:1px solid #ccc;
   width:98%;
}
.foot-ewm-saoyisao
{
    float: left;
    margin: 10px 15px;
    color: #0ba2ef;
    font-size: 18px;
	width:30%;
	text-align:left;
}
.foot-ewm-zi
{
	width:70%;
    margin-left: 15px;
    float: left;
	text-align:left;
}
.foot-zi
{
	float: left;
    margin: 10px auto;
    text-align: center;
    width: 100%;
}
.foot-list-tip
{
	font-size:13px;
} 
.foot-list-dav
{
	font-size:16px; 
	margin-bottom:10px; 
	margin-top:10px; 
	color:#fff;
}



/*数据统计*/
.sta-data{display:inline-block; text-align:right; width:50%; float:left;}
.sta-data a{color:#768188; background: url(../images/icon-tongji.png) no-repeat left; float: left; background-size: 30%; text-indent:2.5em;}  
.sta-data a:hover{ color:#0ba2ef; background:url(../images/icon-b-tongji.png) no-repeat left; background-size: 30%; }
.sta-data-site{ line-height: 30px; color: #666; border-bottom: 1px solid #e5e5e5;}
.sta-data-site a{ color:#666;}
.sta-data-site a:hover{ text-decoration:underline;}
.overview{ margin-top:25px; color:#333; width:100%; float:left;}
.overview-left{ width:35%; float:left; font-size:16px; }
.overview-right{ width:64%; float:right; font-size:14px; text-align:right;}
.overview-right span{ display:inline-block; line-height:30px;}
.overview-export{ width:120px; height:30px; border-radius:3px; background:#009cf7; text-align:center; color:#fff; margin:0 0% 0 2%; cursor:pointer; font-size:15px;}
.overview-export a{ display:block; width:100%; color:#fff;}
.overview-export a:hover{ background:#058fe0; color:#fff;}
.overview-nr{ width:99%; border:1px solid #e5e5e5; border-radius:3px; margin:2% 0; padding:1% 0; float:left;}
.overview-nr ul li{ width:24.5%; float:left; border-right:1px solid #e5e5e5;}
.overview-nr ul li:last-child{ border-right:0;}
.overview-nr-list{ width:86%; margin:0 8%; float:left;}
.overview-product{ width:50%; float:left;}
.overview-product img{ width:118px;}
.overview-product-text{ width:45%; float:right; font-size:14px;}
.overview-title{ width:100%; font-size:14px; font-weight:bold;}
.overview-title.pv{ color:#2bb4f2;}
.overview-title.uv{ color:#f9a1ae;}
.overview-title.share{ color:#48d5b2;}
.overview-total{ width:130px; height:130px; color:#fff; text-align:center; line-height:130px; border-radius:100%; font-size:30px; background:#009cf7; margin:5% auto;}
.overview-total.pv{ background:#2bb4f2;}
.overview-total.uv{ background:#f9a1ae;}
.overview-total.share{ background:#48d5b2;}
.overview-bottom{ width:100%; float:left; color:#666; text-align:center;}
.overview-bottom span{ width:49%; float:left;}
.data{ width:100%; margin-top:25px; float:left; position:relative;}
.data-title{ width:100%; float:left; border-bottom:1px solid #e5e5e5; line-height:30px; font-size:16px; margin-bottom:2%;}
.data-tab{ width:100%; position: relative; z-index: 1; overflow: hidden; text-align:center; margin-bottom:2%;}
.data-tab li{ display:inline-block; padding:0 2%; height:30px; text-align:center; line-height:30px; border:1px solid #ccc; font-size:14px; border-radius:3px; margin:0 1%; background:#fff ; cursor: pointer; color:#535353;}
.data-defined{ width:225px; display:inline-block; padding:0 1%; height:30px; text-align:center; line-height:30px; border:1px solid #ccc; font-size:14px; border-radius:3px; margin:0 1%; background:#fff url(../public/calender/images/icon-calender.png) no-repeat 3%;}
@-moz-document url-prefix(){.data-defined{ float:right; margin-right:25%; margin-left: -15%; margin-right: 25%;}}

.data-tab-nr{ width:100%; /*position:absolute;*/}
.data-tab .cur{ background:#009cf7; border:1px solid #009cf7; color:#fff;}
.hide{ display:none;}
.data-map{ width:50%; float:left;}
.data-province{ width:48%; float:right; z-index:999999;}
.form-inline{ width: 80%; margin: 5% auto 0;}  
.form-control[readonly]{ cursor: pointer !important; background-color:#fff !important;}
.input-group-addon{ background:#fff !important;}
.form-group{ display: inline-block; margin: 0 1%;}
.form-group .form-control{ height: 30px; border:1px solid #999; border-radius:5px; outline: none;}
.input-group{ display:inline-block !important;}
/*map 自定义提示*/
.stateTip, #StateTip{display:none; position:absolute; padding:8px; background:#fff; border:1px solid #2385B1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size:12px; font-family:Tahoma; color:#333;}
.mapInfo i{ display:inline-block; width:15px; height:15px; margin-top:5px; line-height:15px; font-style:normal; background:#aeaeae; color:#fff; font-size:11px; font-family: Tahoma; -webkit-border-radius:15px; border-radius:15px; text-align:center}
.mapInfo i.active{background:#E27F21;}
.mapInfo span{ padding:0 5px 0 3px;}
.mapInfo b{ font-weight:normal; color:#2770B5}
.area-box{ display: inline-block; margin: 0 1%; background:url(../images/icon-area.png) no-repeat 95%; border:1px solid #ccc; border-radius:3px; padding:0 4% 0 1%;}
.area-box select{ height: 30px;  border: 0;outline: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none;}
.area-btn{ display:inline-block; padding:0% 5%; border-radius:3px; background:#009cf7; color:#fff; text-align:center; height:30px; line-height:30px; cursor:pointer;}
.area-text{width:50%; float:left; margin:6% 25% 2%; font-size:14px; color:#666; text-align:left;}
.area-text span{  width: 100%; display: block; margin: 2% 0;}
.area-text span:first-child{ color: #333; margin-bottom: 5%; font-size: 16px;}   
.interactive-total{ width:30%; float:left; border-right:1px solid #e5e5e5; margin:2% auto; text-align:center; color:#434343;}
.interactive-total-circle{ width:180px; height:180px; border-radius:100%; border:30px solid #1bd5a7; display:block; background:#fff; margin:0 auto;}
.in-total{ font-size:36px; color:#333; margin:5% auto 2%;}
.interactive-detail{ width:68%; float:right; margin:2% auto;}
.interactive-detail ul li{ width:30%; float:left; margin-right:2%; margin-top:2%;}
.in-detail-circle{ width:110px; height:110px; float:left; margin-right:2%; display:block;}
.in-detail-text{ float:left; margin-top:3%;  color:#434343; }

/*我的作品*/
.pic .make .pro-ewm{ width:100%; text-align:center; display:block; margin-top:25%;}
.pic .make .pro-ewm img{ width:150px; height:150px; margin:0 auto;}
.pic .make .pro-menu{ width:100%; display:block;  text-align:center; }
.pic .make .pro-menu a{ display:inline-block; margin:0 5%; z-index: 11; width: 35px; height: 35px; left: 50%; border-radius: 50%; position: static;}
.pic .make:hover .pro-menu{ bottom:20%;}

/*表单*/
.sta-form{ display:inline-block; width:50%; float:left;}
.sta-form a{ display:block; width:100%; background: url(../images/icon-form.png) no-repeat right; float: left; background-size: 18%; text-indent:9999em;}
.sta-form a:hover{ background: url(../images/icon-b-form.png) no-repeat right; background-size: 18%; }
.form-detail{ width:100%; float:left; margin:1% 0 3%;}
.form-detail table{ border-right:1px solid #eceff3; text-align:center; width:100%; overflow: hidden; border-collapse:collapse;}
.form-detail tr td{ border:1px solid #eceff3; border-top:0; border-right:0; color:#525557; background:#fdfdfe; height:35px; max-width:150px; overflow:hidden; word-break:keep-all; white-space:nowrap;text-overflow:ellipsis; }
.form-detail tr td:last-chaild{ border-right:1px solid #eceff3;}
.form-detail .tb-h td{ color:#222 ; background:#f1f4f8;}
.form-page{ width:100%; text-align:center; color:#555; margin-bottom:3%;}
.form-page span{ display:inline-block; margin:0 5px;}
.form-box{ width:300px;}
.form-box a{ display:inline-block; padding:2% 3%; background:#fff; border:1px solid #9e9e9e; border-radius:5px; margin:0 1%;}
.form-box a:hover{ background:#009cf7; color:#fff; border:1px solid #009cf7;}
.form-input{ width:40px; height:30px; text-align:center; border:1px solid #9e9e9e; border-radius:5px; outline:none;}
.form-page-go{ width:35px; height:30px; line-height:30px; background:#009cf7; color:#fff; cursor:pointer; border-radius:5px;}


@media screen and (max-width: 1920px){
 
  
  .main-right .pic .make a{ margin-top:80px;}
}
@media screen and (max-width: 1440px){
	.fenlei> ul > li > ul{ max-width:600px !important;}
	
	.head-top{ width:90%;}
	.food_div{ width:90% !important;}
	/*.main-right .works li
   {
     width:31%;
	  height:352px;
   }*/
  .main .main-left{ width:20%;}
  .main .main-right{ width:78%;}
  .case .cover{ width:220px;height:341px;}
  .main .case-left{ width:78%;}
  .main .case-right{ width:20%;}
  .main .mask{ width:220px;}
  .user-profile, .user-profile2{ left:36% !important;}
  .main-right .works li{ width:262px;}
  .main-right .pic{ width:246px; height:401px;}
  .main-right .pic img{width:246px;}
  .works .zhizuo{ width:262px; }
  .works .zhizuo>div{ width:230px; height:456px;}
  .ny-view .ny-view-left{ width:50%; margin-left:10%;}
  .ny-view .ny-view-right{ width:30%; margin:5% 0% 0 10%;}
  .ny-view .ny-view-right .ny-view-right-nr{ margin:-100% auto}
  .data-map{ width:100% !important;}
  .data-province{ width:100% !important; float:left !important;}
  .overview-total{ height:90px !important; line-height:90px !important; width:90px !important;}
  @-moz-document url-prefix(){.data-defined{ margin-left: -10% !important;}}
   
	}
@media screen and (max-width: 1366px){
	
  .use_login,.use_register{top:9%;  }
  .main-right .works li{ width:242px;}
  .main-right .pic{ width:226px; height:368px;}
  .main-right .pic img{width:226px; }
  .works .zhizuo{ width:242px;}
  .works .zhizuo>div{ width:212px; height:425px;}
  .main-right .pic .make a{ margin-top:60px;}
  .overview-total{ height:75px !important; line-height:75px !important; width:75px !important;}

  
}
@media screen and (max-width: 1280px){
	.fenlei> ul > li > ul{ max-width:300px !important;}
	.head-top .caseshow-search{ width:40%;}
	 .user-profile,.user-profile2  {top:20%; left:30%;}
	.head-top{ width:95%;}
	.food_div{ width:95% !important;}
	.nav_top>ul>li{ padding:0 2%;}
	.four-menu ul li{ width:50% !important;}
	.main .case-left{ width:70%;}
    .main .case-right{ width:28%;}
	.case .cover{ width:240px;height:372px;}
	.main .mask{ width:240px;}
	.main .main-left{ width:25%;}
    .main .main-right{ width:73%;}
	.main-right .works li{ width:260px;}
    .main-right .pic{ width:244px; height:397px;}
    .main-right .pic img{width:244px;}
	.works .zhizuo{ width:260px;}
    .works .zhizuo>div{ width:228px; height:452px;}
	.ny-view .ny-view-left{ width:50%; margin-left:20%;}
	.ny-view .ny-view-right{ width:40%; margin:-5% 20% 0;}
	.ny-view .ny-view-right .ny-view-right-nr{ margin:40% auto auto}
	.foot .foot-r{ width:50%;}
	.view-right{ position:absolute; right:0;}
	@-moz-document url-prefix(){.data-defined{ margin-right:18% !important;}}
	
}
@media screen and (max-width: 1024px){
	.case .cover{ width:225px;height:349px;}
	.main .mask{ width:225px;}
	.user-profile,.user-profile2  {left:33% !important;}
	.overview-total { height: 55px !important;line-height: 55px !important; font-size: 20px !important; width:55px !important;}
    @-moz-document url-prefix(){.data-defined{ margin-right:8% !important;}}
	
}
/*@media screen and (max-width: 980px){
   #header{ height:80px;}
   .user-list{ height:75px;}
   .use_login, .use_register{ top:30%;}
   .user-list .user-menu{top: 75px;}
   .head-right{ position:absolute; right:20px;}
   .nav_top{ top:0;}
   .head-top .nav_top> ul > li > ul{ max-width:200px;}
   .fenlei> ul > li > ul{ max-width:200px !important;}
   .nav-bott{ margin-top:50px;}
  .case-left{ width:100%;}
  .case-right{ width:100%;}
  .head-top{ width:98%;}
  .food_div{ width:98% !important;}
  .head-logo{ margin-right:5px;}
  .nav_top>ul>li{ padding:0 3.5%;}
  .found{position: absolute;left: 0;top: 64px; z-index: 1;}
   .main .case-left{ width:60%;}
   .main .case-right{ width:38%;}
   .case .cover{ width:265px;height:432px;}
   .case .cover img{ width:265px;}
   .main .mask{ width:265px;}
   .main .main-left{ width:35%; margin-top:80px;}
   .main .main-right{ width:63%; margin-top:70px;}
   .main-right .works li{ width:290px; height:372px;}
   .main-right .pic{ width:274px; height:274px;}
   .main-right .pic img{width:274px;}
   .works .zhizuo{ width:290px; height:372px;}
   .works .zhizuo>div{ width:258px; height:340px;}
   .ny-view .ny-view-left{ width:70%; margin-left:15px;}
   .ny-view .ny-view-btn{ margin-top:30%;}
   .ny-app-ewm .ny-app-ewm-android{width:100%;}
   .ny-app-ewm .ny-app-ewm-ios{ width:100%;}
   .main .ny-weizhi{ margin-top:50px;}

}*/
/*@media screen and (max-width: 768px){
	.nav_top{ width: 100%; float: left; margin-top: -70px;}
	.fenlei{ margin-top:0;}
	.nav_top>ul>li{ padding:0 3%;}
	.fenlei>ul>li { padding:0 3%;}
   .four-menu ul li{ width:100% !important;}
   .food_div_rl h3{ font-size:1.5em !important;}
   .food_div_rl div:nth-child(1){width:100% !important; margin-bottom:1%;}
   .food_div_rl div:nth-child(2){ width:100% !important;}
   .use_login, .use_register{ width:600px; height:480px; left:60%; }
   .anli{ width:280px !important; height:410px !important;}
   .container{ width:280px !important;}
   .form input[type="text"], .form input[type="password"]{ width:260px !important;}
   .code{ width:280px !important;}
   .code input[type="text"]{ width:80px !important; margin-left: 9px !important;}
   .btn{ width:250px !important;}
   .relog .btn{ width:260px; margin-left:28px;}
   .head-top .caseshow-search{ width:100%;}
   .relog .relog-yzm{ margin-left: 23px !important;}
   .relog-fasong{ margin-left: 23px;}
   .forget_password,.forget_password{ height:420px !important;}
   .ny-view .ny-view-left{ width:90%; margin-left:15px;}
   .ny-view .ny-view-btn{ margin-top:30%; position:absolute; right:0;}
   .foot .foot-l{ width:100%; margin:0 auto;}
   .foot ..foot-ewm-zi{ width:80%; margin:0 auto;}
   
}
@media screen and (max-width: 640px){
   .fooder>.food_div>ul>li{ width:100% !important;}
   .main .case-left{ width:100%;}
   .main .case-right{ width:100%;}
   .case .cover{ width:285px;height:325px;}
   .case .cover img{ width:285px;}
   .main .mask{ width:285px;}
}
*/