@CHARSET "UTF-8";
/****************
 ****  logo  ****
 ***************/
#top_menu {
	z-index:99998;
	position:fixed;
	min-width:1280px;
	width:100%;
	height:49px;
	line-height:49px;
	top:0;
	background:#fff;
	font-family:microsoft yahei,arial;
	font-size:15px;
	color:#333;
	border-top:1px #ccc solid;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.6);
 -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6);
 box-shadow: 0 0 5px rgba(0,0,0,0.6);
}
#top_menu .jy_logo {
    width:239px;
    height:50px;
    display:block;
    float:left;
    background:url(../images/logo.png) 50% 0 no-repeat;
}
/****************
 **** shopsel ****
 ***************/
.shopsel {
	width:70px;
	height:30px;
	line-height:30px;
	text-align:center;
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
	float:left;
	position:relative;
	overflow:hidden;
	-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow :inset 1px 1px 3px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow:inset 1px 1px 3px rgba(0, 0, 0, 0.2);
        box-shadow:inset 1px 1px 3px rgba(0, 0, 0, 0.2);
        background:#efefef;
       display:none;
	
}
.shopsel .btnmask {
	width:70px;
	height:30px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:999;
	
}
.shopsel ins, .shopsel .iradio_futurico {
 display:none !important;
}
.shopsel .huadong {
  width:140px;
  height:30px;
  position:absolute;
  top:0px;
  left:-15px;
  z-index:9;
  background:url(../images/huadong.png) 0 0 no-repeat;
}
.shopsel .shop_select {
 width:35px;
 height:30px;
 line-height:20px;
 display:block;
 font-size:12px;
 position:absolute;
 top:0px;
 z-index:99999;
 cursor:pointer
}
.shopsel .taobaosel {
  left:0px !important;
}
.shopsel .tianmaosel {
  left:35px !important;
}

/******************
 ****  Button  ****
 ******************/
 .btnormal {
 width:80px;
 height:30px;
 display:block;
 padding:0px;
 line-height:30px;
 color:#cccccc;
 margin-left:3px;
 margin-top:5px;
 float:left;
 overflow:hidden;
 cursor:pointer;
 font-size:12px;
 text-align:center;
}
.btnormal:hover {
  color:#ffffff;
}
.tmbtn {
	float:left; 
	display:block;
	margin-top:10px;
	margin-left:3px;
}
.importcode {
  position: absolute;
top: 380px;
left: 418px;
width: 158px;
height: 50px;
background: #08a1ef;
line-height: 50px;
font-size: 16px;
padding: 0px;
color: #fff;
  -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.importcode:hover {
-moz-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
}
.copycode {
  position: absolute;
top: 380px;
left: 418px;
width: 158px;
height: 50px;
background: #08a1ef;
line-height: 50px;
font-size: 16px;
padding: 0px;
color: #fff;
  -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.copycode:hover {
-moz-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
}
.btn_gencode_dialog .zclip {
left: 421px !important;
top: 390px !important;
}
.copycode_close {
  position:absolute;
  top:328px;
  display:none;
  left:445px;
}
.panel_left ul li, #top_menu .btnormal {
 width:80px;
 height:34px;
 display:block;
 padding:0px;
 line-height:34px;
 color:#333;
 float:left;
 overflow:hidden;
 cursor:pointer;
 font-size:15px;
 text-align:center;
}
#top_menu .btnormal {
font-size:14px;
}
#top_menu .btnfirst {
  margin-left:10px;
}
#top_menu .tmbtn {
	float:left; 
	display:block;
	margin:0px;
}


/************************
 ****  property  ****
 ************************/
 #top_menu .property {
  width:149px;
  height:49px;
  float:left;
  line-height:50px;
  font-size:13px;
  font-family:microsoft yahei,arial;
  color:#eeeeee;
  text-align:center;
  cursor:pointer;
}

/************************
 ****  online_style  ****
 ************************/
#top_menu #online_style {
  width:149px;
  height:49px;
  float:right;
  line-height:50px;
  font-size:13px;
  font-family:microsoft yahei,arial;
  color:#333;
  text-align:center;
  cursor:pointer;
}
#top_menu #online_style:hover {
  background:#08a1ef;
  color:#fff;
}
/************************
 ****  coordline  ****
 ************************/
#coordline2 {
width:525px;
height: 18px;
background-position: right 0px;
background-image: url(../images/x-zuobiao2.png);
position: fixed;
top: 50px;
left: 258px;
display:none;
}
#coordline {
width: 2600px;
height: 18px;
min-width: 950px;
background-position: -70px 0;
background-image: url(../images/x-zuobiao.png);
position: fixed;
top: 50px;
left: 257px;
	
}
#coordline #coorwraper {
   width:950px;
   height:18px;
   position:relative;
   float:left;
}
#coordline #coorwraper #pxarrow {
  width:30px;
  height:18px;
  position:absolute;
  bottom:0px;
  left:0px;
  border-left:1px #08a1ef solid;
 
  font-size:12px;
  text-align:right;
  padding-right:5px;
  color:#ffffff;
}
#coordline #coorwraper #pxarrow #pxleft {
    width:25px;	
    height:18px;
    line-height:18px;
    position:absolute;
    top:0px;
    right:5px;
    text-align:center;
    z-index:10;
}
#coordline #coorwraper #pxarrow #pxleft2 {
    width:35px;	
    height:18px;
    background:#08a1ef;
    position:absolute;
    top:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    opacity:0.6;
    z-index:1; 
}
#jiaomask {
width: 17px;
height: 17px;
background: #efefef;
position: fixed;
top: 50px;
left: 240px;
z-index: 99;
}
/************************
 ****    fengexian   ****
 ************************/
#top_menu .fengexian {
	width:0px;
	border-right:1px #ccc solid;
	height:49px;
	margin:0px;
	margin-right:12px;
}
/************************
 ****    Selector   ****
 ************************/
#top_menu .selector {
  width:200px;
  height:30px;
  margin-top:10px;
  margin-left:15px;
  position:relative;
  z-index:9999;
}
#top_menu .selector font {
  width:50px;
  height:100%;
  display:block;
  line-height:30px;
  text-align:center;
}
#top_menu .selector_con {
  width:118px;
  height:28px;
   line-height:30px;
  text-align:center;
  border:1px #ccc solid;
}
#top_menu .selector_div {
  width:118px;
  height:28px;
  overflow:hidden;
  line-height:28px;
  text-align:center;
  font-size:12px;
}
#top_menu .selector_ul {
  width:118px;
  height:auto;
  display:none;
  border:1px #ccc solid;
  margin-left:-1px;
  background: #fff;
}
#top_menu .selector_ul li {
 width: 108px;
height: 24px;
margin: 4px;
overflow: hidden;
line-height:24px;
text-align: center;
display: block;
background: #fff;
  cursor:pointer;
  font-size:12px;
  border:1px #fff solid;
}
#top_menu .selector_ul li:hover {
  background:#efefef;
 border:1px #ccc solid;
}

#top_menu .selector .set_btn {
width: 28px;
border: 1px #ccc solid;
height: 28px;
margin-top: 0px;
border-left: 0px #ccc solid;
cursor: pointer;
background: url(../images/set_btn1.png) 0 0 no-repeat;
}
/************************
 ****    Login   ****
 ************************/
#top_menu #login {
  width:149px;
  height:49px;
  float:right;
  line-height:50px;
  font-size:13px;
  font-family:microsoft yahei,arial;
  color:#eeeeee;
  text-align:center;
  cursor:pointer;
  position:relative;
  z-index:9999;
}
#top_menu #login ul {
  width:149px;
  height:0px;
  display:none;
  position:absolute;
  top:49px;
  left:-1px;
  border:1px #ccc solid;
  overflow:hidden;
}
#top_menu #login:hover ul {
	 display:block;
	height:99px;
}
#top_menu #login ul li {
  width:100%;
  height:49px;
  display:block;
  border-bottom:1px #ccc solid;
  background:#fff;
  color:#666;
  line-height:49px;
  text-align:center;
  font-size:12px;
}
#top_menu #login ul li:hover {
  background:#08a1ef;
  color:#fff;
}
#top_menu #login ul li.xiugai {
  border:none;
}
#top_menu #login .tologinspan {
  width:100%;
  height:100%;
  display:block;
  line-height:50px;
  font-size:13px;
  font-family:microsoft yahei,arial;
  color:#333;
  background:#efefef;
}
#top_menu #login #tologin:hover {
   background:#08a1ef;
   color:#fff;
}
.login_from {
  width:100%;
  height:360px;
  position:absolute;
  top:57px;
  left:0px;
}
.u_input {
width: 277px;
height: 50px;
padding: 0 10px;
display: block;
position: absolute;
border: 1px #ccc solid;
background: #fff;
font-size: 16px !important;
color: #666;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

}
.ipos1 {
  top:0px;
  left:0px;
}
.ipos2 {
  top:65px;
  left:0px;	
}
.ipos3 {
width: 99px !important;
top: 131px;
left: 0px;
}
/*验证码*/
.vcode {
width: 166px;
height: 49px;
display: block;
position: absolute;
left: 131px;
top: 131px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border: 1px #ccc solid;
cursor: pointer;

}
.login_win .ui-dialog-titlebar, .email_forget_win .ui-dialog-titlebar, .register_win .ui-dialog-titlebar {
padding: 0 20px;
border: 0;
cursor: move;
outline: medium none;
position: relative;
height: 80px;
line-height: 80px;
background: #08a1ef;
font-size: 13px;
font-family: microsoft yahei,arial;
}
.login_win .ui-dialog-titlebar-close, .email_forget_win .ui-dialog-titlebar-close, .register_win .ui-dialog-titlebar-close {
 top:26px;
}
/*登录按钮*/
.login_submit {
width: 158px;
height: 50px;
display: block;
position: absolute;
bottom: 20px;
left: 78px;
text-align: center;
color: #fff;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background: #08a1ef;
cursor: pointer;
font-size:16px;
line-height:50px;
}
.login_submit:hover {
 background: #08a1ef;
 color: #fff;
}
.a_msg {
  width:90px;
  height:20px;
  display:block;
  line-height:20px;
  color:#08a1ef !important;
  position:absolute;
 
  font-family:microsoft yahei,arial;
  font-size:14px;
}
.a_msg:hover {
  color:#08a1ef;
}
.forgetpassword {
 bottom:0px;
 right:85px;
}

.category_new_user {
  bottom:0px;
  right:10px;
}
/*Banner Flash*/
.banner_flash {
  width:360px;
  height:70px;
  display:block;
  top:30px;
  left:1px;
  background:#3a3a3a;
}
/************************
 ****     Register   ****
 ************************/
 .register_from {
  width:100%;
  height:388px;
  position:absolute;
  top:70px;
  left:0px;
}
.regmsg {
  width:20px;
  height:20px;
  position:absolute;
}
.rm1 {
  right:32px;
  top:36px;
}
.ripos1 {
width: 175px;

top: 30px;
left: 102px;
font-size: 14px !important;
height: 36px;
}
.rm2 {
  right:32px;
  top:80px;
}
.ripos2 {
width: 175px;
top: 74px;
left: 103px;
font-size: 14px !important;
height: 36px;
}
.rm3 {
  right:32px;
  top:125px;
}
.ripos3 {
width: 175px;
top: 119px;
left: 103px;
font-size: 14px !important;
height: 36px;
}
.rm4 {
  right:32px;
  top:169px;
}
.ripos4 {
width: 175px;
top: 163px;
left: 103px;
font-size: 14px !important;
height: 36px;
}
.rm5 {
  right:32px;
  top:215px;
}
.ripos5 {
  width:175px;
  top:209px;
  left:103px;
  font-size: 14px !important;
height: 36px;
}
.rm6 {
  right:32px;
  top:295px;
}
.ripos6 {
   width:175px;
  top:252px;
 left:103px;
 font-size: 14px !important;
height: 36px;
}
/*确认注册按钮*/
.register_submit {
 width:158px;
 height:50px;
 display:block;
 position:absolute;
 bottom:26px;
 left:109px;
 background:#08a1ef;
 cursor:pointer;
 text-align:center;
 color:#fff;
 font-size:16px;
 line-height:50px;
 -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.register_submit:hover {
-moz-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
}
.reglabe1 b {
  font-weight:normal;
  color:#ccc;
  line-height:45px;
  font-size:13px;
  padding:2px;
}
.reglabe1 {
width: 90px;
height: 45px;
display: block;
color: #666;
line-height: 45px;
position: absolute;
font-family: microsoft yahei,arial;
text-align: center;
}
.rl1 {
top: 25px;
left: 20px;
}
.rl2 {
  top:67px;
  left:24px;
}
.rl3 {
top: 113px;
left: 14px;
}
.rl4 {
  top:158px;
  left:20px;
}
.rl5 {
  top:202px;
  left:15px;
}
.rl6 {
  top:245px;
  left:13px;
}
/*邮件已发出提示界面*/
.email_win .ui-dialog-titlebar-close {
	display:none !important;
}
.email_win .email_from {
   width:360px;
   height:370px;
   position:absolute;
   top:50px;
   left:0px;
}

.email_win .email_from .banner {
  width:100%;
  height:118px;
  border-top:1px #666666 solid;
  border-bottom:1px #666666 solid;
  background:#282e3a;
  position:absolute;
  top:0px;
  left:0px;
}
.email_win .email_from .banner img {
   width:146px;
   height:110px;
   display:block;
   position:absolute;
   overflow:hidden;
   top:5px;
   left:0px;
   z-index:1;
}
.email_win .email_from .banner .txt {
  width:179px;
  height:56px;
  display:block;
  position:absolute;
  top:20px;
  left:110px;
  z-index:2;
  background:url(../images/onemail.png) 0 0 no-repeat;
}
.email_win .email_from .emailurl {
  width:320px;
  height:40px;
  line-height:40px;
  border-bottom:1px #ccc solid;
  display:block;
  position:absolute;
  top:130px;
  left:20px;
  font-size:18px;
  color:#08a1ef;
  text-align:center;
}
.email_win .email_from .emailurlmsg {
width:320px;
  height:40px;
  line-height:40px;
  border-top:0px #686868 solid;
  display:block;
  position:absolute;
  top:171px;
  left:20px;
  font-size:14px;
  color:#666;
  text-align:center;
  font-family:microsoft yahei,arial;
}
.email_dialog_close {
  width:158px;
  height:53px;
  line-height:30px;
  border:none;
  display:block;
  position:absolute;
  top:235px;
  left:102px;
  font-size:12px;
  color:#eeeeee;
  text-align:center;
  font-family:microsoft yahei,arial;
  background:url(../images/email_qd.png) 0 0 no-repeat;
  cursor:pointer;
}
.email_win .email_from .resend {
  width:320px;
  height:30px;
  line-height:30px;
  display:block;
  position:absolute;
  top:295px;
  left:20px;
  font-size:14px;
  color:#08a1ef;
  text-align:center;
  font-family:microsoft yahei,arial;
}
.email_win .email_from .resend b {
  color:#ffffff;
  cursor:pointer;
}
.email_dialog_close:hover {
  background:url(../images/email_qd2.png) 0 0 no-repeat;
}

/*PasswordFrom*/
.password_dialog {
  height:350px !important;
}
.password_from {
   width:360px;
   height:380px;
   position:absolute;
   top:72px;
   left:0px;
}
.iposw1 {
  top:30px;
  left:31px;
}
.iposw2 {
  top:90px;
  left:31px;	
}
.iposw3 {
  top:151px;
  left:31px;	
}
.iposw4 {
  width:101px;
  top:211px;
  left:31px;	
}
.password_from .vcodew {
  width: 166px;
height: 50px;
display: block;
position: absolute;
left: 161px;
top: 211px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border: 1px #ccc solid;
cursor: pointer;
}
.forgetpasswordw {
 bottom:15px;
 right:117px;
}
.category_new_userw {
  bottom:10px;
  right:10px;
}
/*修改按钮*/
.password_submit {
 width:158px;
 height:50px;
 display:block;
 position:absolute;
 bottom:45px;
 left:100px;
 background:#08a1ef;
 color:#fff;
 line-height:50px;
 text-align:center;
 font-size:16px;
 cursor:pointer;
 -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
 
}
.password_submit:hover {
 -moz-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
}
/*找回密码*/
.forgetpw_from {
   width:360px;
   height:370px;
   position:absolute;
   top:50px;
   left:0px;
   background:#fff url(../images/forget_banner.jpg) 0 0 no-repeat;
}
/*按钮*/
.email_submit {
width: 230px;
height: 60px;
display: block;
position: absolute;
top: 170px;
left: 68px;
background: #08a1ef;
cursor: pointer;
font-size:16px;
color:#fff !important;
line-height:60px;
text-align:center;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.email_submit:hover {
background: #08a1ef;
-moz-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
}

.ww_submit {
width: 230px;
height: 60px;
display: block;
position: absolute;
top: 255px;
left: 68px;
background: #08a1ef !important;
cursor: pointer;
font-size:16px;
color:#fff !important;
line-height:60px;
text-align:center;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.ww_submit:hover {
background: #08a1ef;
-moz-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
}
/*找回密码-邮箱*/
.email_forget_from {
   width:360px;
   height:330px;
   position:absolute;
   top:80px;
   left:0px;
   background:#fff;
}
.email_forget_from label {
  width:300px;
  height:20px;
  line-height:20px;
  text-align:left;
  color:#cccccc;
  display:block;
  position:absolute;
  font-family:microsoft yahei,arial;
  font-size:12px;
}
.email_forget_from label.p1 {
  top:28px;
  left:28px;
}
.email_forget_from label.p2 {
  top:101px;
  left:28px;
}
.email_forget_from label.p3 {
  top:175px;
  left:28px;
}
.iposf1 {
  top:-20px;
  left:0px;
}
.email_forget_from .vcode {
  top: 42px;
left: 146px;
width: 150px;
}
.email_forget_from .ipos3 {
  top:42px;
  left:0px;
  width: 115px !important;
}
.email_forget_from .ipos4 {
  top:104px;
  left:0px;
  width: 115px !important;
}
.anquanma {
width: 148px;
height: 51px;
line-height: 50px;
display: block;
position: absolute;
top: 104px;
left: 147px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
overflow: hidden;
background: #08a1ef;
}
.anquanma a {
width: 148px;
height: 51px;
line-height: 50px;
display: block;
overflow: hidden;
background: #08a1ef;
  cursor:pointer;
  font-size:16px;
  color:#fff !important;
  text-align:center;
}
.anquanma a:hover {
 background:#08a1ef;
}
/*提交按钮*/
.email_forget_submit {
width: 160px;
height: 53px;
line-height: 53px;
display: block;
position: absolute;
bottom: 38px;
left: 78px;
text-align:center;
color:#fff;
font-size:16px;
background: #08a1ef;
cursor: pointer;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.email_forget_submit:hover {
 background: #08a1ef;
 -moz-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
}
/*更改密码*/
.email_edit_from {
   width:360px;
   height:370px;
   position:absolute;
   top:30px;
   left:0px;
}
.email_edit_from label {
  width:300px;
  height:20px;
  line-height:20px;
  text-align:left;
  color:#cccccc;
  display:block;
  position:absolute;
  font-family:microsoft yahei,arial;
  font-size:12px;
}
.email_edit_from label.p1 {
  top:108px;
  left:28px;
}
.email_edit_from label.p2 {
  top:182px;
  left:28px;
}
.eposf1 {
  top:82px;
  left:31px;
}
.eposf2 {
  top:166px;
  left:31px;
}
/*提交按钮*/
.email_edit_submit {
 width:158px;
 height:50px;
 line-height:50px;
 display:block;
 position:absolute;
 bottom:60px;
 left:100px;
 background:#08a1ef;
 cursor:pointer;
 text-align:center;
 color:#fff;
 font-size:16px;
 	-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.email_edit_submit:hover {

 -moz-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
}
/*在线样式-保存*/
.save_online_win .dialog_wraper {
   width:100%;
   height:235px;
   position:relative;
  
   margin-left:0px;
   overflow:hidden;
}

.save_online_win .dialog_wraper .winbtn {
   position:absolute;
   bottom:50px;
   left:190px;
}
.save_online_win .save_success {
  background:#efefef;
  border:1px #ccc solid;
}
.save_input {
  width:236px;
  height:22px;
  display:block;
  position:absolute;
  padding:5px 10px;
  border:1px #ccc solid;
  background:#efefef;
  font-size:12px;
  color:#666;
  font-family:microsoft yahei,arial;
  -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.uploadImage {
  width:536px;
  height:20px;
  padding:5px 10px;
  border:1px #ccc solid;
  background:#efefef;
  font-size:12px;
  color:#666;
  font-family:microsoft yahei,arial;
    -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.si0 {
	top:60px;
  	left:280px;
}
.si1 {
	top:68px;
  	left:280px;
}
.si2 {
	top:60px;
  	left:15px;
}
.save_select {
  height:22px;
  width:236px;
  padding-left:10px;
  padding-right:22px;
  line-height:22px;
 
}
.save_onlne_btn {
   background:#efefef url(../images/xiala.jpg) right 0 no-repeat;
   cursor:pointer;
}

.save_online_category {
  display:none;
  width:236px;
  height:159px;
  padding:0;
  z-index:9999;
  overflow-x:hidden;
  overflow-y:scroll;
}
.save_online_category li {
  width:216px;
  height:31px;
  line-height:31px;
  display:block;
  padding:0 10px;
  border-bottom:1px #ccc solid;
  float:left;
  cursor:pointer;
}
.save_online_category li:hover {
  background:#fff;
}
.savemsg {
width: 570px;
height: 26px;
line-height: 18px;
font-size: 16px;
color: #08a1ef;
display: block;
text-align: center;
position: absolute;
top: 2px;
left: 0;
font-family: microsoft yahei,arial;
}
/*在线样式-载入*/
.fil{display:inline;float:left}
.fir{display:inline;float:right}
.online_dialog {
	background:#ffffff !important;
}
.online_win .ui-dialog-content {
  padding:0px;
}
.online_win .ui-dialog-titlebar {
	background:#08a1ef !important;
}
.online_win {
   border:0px #eeeeee solid !important;
}
.online_win .load_ul li {
  border:none;
  width:180px;
  margin:4px;
  height:130px;
  float:left;
  background:#ffffff;
  border:2px #ffffff solid;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.online_win .load_ul li .loadimg {
  padding:0;
  margin:0;
  top:0;
  left:0;
  width:180px;
  height:80px;
  overflow:hidden;
  border:none;
}
.online_win .load_ul li a.loadtit {
width: 167px;
height: 15px;
display: block;
position: absolute;
top: 86px;
left: 6px;
line-height: 15px;
font-size: 12px;
color: #666666;
font-family: microsoft yahei,arial;
overflow: hidden;
}
.online_win a.lajitong {
	width: 30px;
	height: 40px;
	display: block;
	position: absolute;
	top: 100px;
	left: 115px;
	background: url(../images/lajitong1.png) 0 0 no-repeat;
	z-index: 999;
}
.online_win a.jiazai {
	width: 30px;
	height: 40px;
	display: block;
	position: absolute;
	top: 100px;
	left: 148px;
	background: url(../images/jiazai1.png) 0 0 no-repeat;
	z-index: 999;
}
.online_win .load_ul li.listtd {
  background:#ffffff !important;
}
.online_win .load_ul li:hover {
    border:2px #ff4a00 solid;
    /*-moz-box-shadow:0 0 10px #666666;
    -webkit-box-shadow:0 0 10px #666666;
    box-shadow:0 0 10px #666666;*/
}
.online_win_wrap {
  width:970px;
  height:412px;
  overflow:hidden;
  position:relative;
  padding:10px;
  overflow-x:hidden;
  overflow-y:scroll;
}
.online_win ul.online_ul {
  width:960px;
  height:100%;
  display:block;
}
.cf:after {
	content:"";
	clear:both;
	display:block;
	height:0;
	overflow:hidden
}
.cf {
	zoom:1
}
.pb10 {
	padding-bottom:10px
}
.mt10 {
	margin-top:10px
}
/* case */
.online_box {
	width:960px;
	margin:0px;
	background:#fff;
	padding:15px;
}
.online_box .title {
	height:20px;
	border-bottom:3px solid #e7e7e7;
	padding-bottom:10px;
}
.online_box .title h2 {
	font-size:20px;
	font-family:"microsoft yahei";
}
.online_box .title-list {
	position:relative;
	top:6px;
}
.online_box .title-list li {
	width:96px;
	line-height:20px;
	text-align:center;
	float:left;
	font-size:15px;
	color:#666;
	display:inline;
	cursor:pointer;
	font-family:"microsoft yahei";
}
.online_box .title-list li.on {
	color:#ff6600;
	font-weight:bold;
}
.online_box .title-list p {
	position:absolute;
	top:24px;
	left:0px;
	width:96px;
	height:7px;
	border-top:3px solid #ff6600;
	overflow:hidden;
	text-align:center;
}
.online_box .title-list b {
	display:inline-block;
	width:0;
	height:0;
	margin-top:-3px;
	border-style:solid dashed dashed dashed;
	border-width:9px;
	border-color:#ff6600 #fff #fff #fff;
	overflow:hidden;
	zoom:1;
	font-size:0;
}
.product {
	height:402px;
	position:relative;
	overflow:hidden;
	display:none;
	margin-top:7px;
}
.product ul {
	position:absolute;
	left:0px;
}
.product-wrap .show {
	display:block;
	overflow-x:hidden;
	overflow-y:scroll;
}
.product-wrap .product li {
	width:180px;
	float:left;
	display:inline;
	margin-left:13px;
	background:#f3f3f3;
	border:1px solid #fafafa;
	transition:0.4s;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	-ms-transition:0.4s;
	overflow:hidden;
	margin:5px;
	
}
.product-wrap .product li.ml0 {
	margin-left:0px;
}
.product-wrap .product li a.imgwrap {
	display:block;
	width:180px;
	height:125px;
	background:#fff;
	text-align:center;
}
.product-wrap .product li a img {
  width:180px;
  height:125px;
  border:none;
  overflow:hidden;
}
.product-wrap .product li p {
	margin:0 10px;
	width:160px;
	color:#666666;
	height:30px;
	display:block;
	overflow:hidden;
}
.product-wrap .product li p.ptitle {
	height:20px;
	padding:5px 0;
}
.product-wrap .product li p.ptitle a {
  display:block;
  width:100%;
	height:100%;
  font-family:"microsoft yahei";
  color:#666666;
  line-height:20px;
	font-size:12px;
}
.product-wrap .product li p.mar5 a {
	color:#666666;
	display:block;
	font-family:"microsoft yahei";
	font-size:12px;
	text-decoration:none;
	width:40px;
	height:20px;
	float:right;
	margin-top:5px;
	background:#ff4a00;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	-ms-transition:0.4s;
	text-align:center;
	color:#ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	line-height:20px;
	text-decoration:none;
}
.product-wrap .product li p.mar5 .del {
	margin-right:5px;
	background:#c70000;
}
.product-wrap .product li p.mar5 .del:hover {
    background:#ff4a00;
}
.product-wrap .product li p.mar5 a.load:hover {
   background:#c70000;
}
.mar5 {
 margin-bottom:6px !important;
 margin-right:5px;
}
#top_menu .btnormal {
 border: none;
height: 30px;
margin: 10px 5px;
line-height: 30px;


 -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color:#fff;

background-color:#08a1ef;


}
.panel_left ul li:hover {
  background-color:#08a1ef;
  color:#ffffff;
  
}
#top_menu .btnormal:hover {
  color:#fff;
  -moz-box-shadow :inset 1px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:inset 1px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow:inset 1px 1px 3px rgba(0, 0, 0, 0.3);

}
/*生成代码*/
#top_menu #btn_gencode {
  background:#14cf06;
}

/*预览*/
#top_menu #btn_preview_show {
  background:#ff4300;
}
/*20150915新增加按钮图标*/
/*保存在线*/
#top_menu .save_online {

  
  background-repeat:no-repeat;
 
  background-position:4px -1px;
}
/*保存按钮*/
#top_menu #btn_save, #top_menu .baocun {

  
  background-repeat:no-repeat;
  
  background-position:12px -31px;
}
/*载入按钮*/
#top_menu #load_code, #top_menu .zairu {

  
  background-repeat:no-repeat;
 
  background-position:12px -61px;
}
/*回收站*/
#top_menu #rec_code, #top_menu .huishou{

  
  
  background-repeat:no-repeat;
  background-position:8px -91px;
}
/*导入代码*/
#top_menu #btn_import {
  
  
  background-repeat:no-repeat;
  background-position:4px -121px;
}
/*生成代码*/
#top_menu #btn_gencode {
 
  
  background-repeat:no-repeat;
  background-position:4px -151px;
}
/*预览代码*/
#top_menu #btn_preview_show {
  
  background-repeat:no-repeat;
  background-position:12px -181px;
}
/*左侧工具栏*/
/*背景*/
.panel_left .leftMainMenu {
  width: 172px;
  display: block;
  position: absolute;
  top: 58px;
  left: 10px;
  margin-bottom:30px;
  overflow:hidden;
}
.mainScroll {
  width:2000px;
  
}
.panel_left ul {
display:block;
overflow:hidden;
height:680px !important;
}
.panel_left ul li {
  width:126px;
  padding-left:34px;
  height:34px;
  margin-bottom:1px;
  background-image:url(../images/icons.png);
  background-repeat:no-repeat;
  text-align:left;
  -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.panel_left ul li:hover {
  background-image:url(../images/icons2.png);
}
.panel_left #tool_background {
  background-position:5px 0px;
}
.panel_left #tool_image_select {
  background-position:5px -34px;
}
.panel_left #tool_search_select {
  background-position:5px -68px;
}
.panel_left #tool_countdown_select {
  background-position:5px -102px;
}
.panel_left #tool_hotspot {
  background-position:5px -136px;
}
.panel_left #tool_textarea {
  background-position:5px -170px;
}
.panel_left #tool_slide_select {
  background-position:5px -204px;
}

.panel_left #tool_service_group_select {
  background-position:5px -238px;
}
.panel_left #tool_service_select {
  background-position:5px -272px;
}
.panel_left #tool_flash {
  background-position:5px -306px;
}

.panel_left #tool_pocoimg_select {
  background-position:5px -340px;
}
.panel_left #tool_shopqrcode {
  background-position:5px -374px;
}
.panel_left #tool_qrcode {
  background-position:5px -408px;
}
.panel_left #tool_video {
  background-position:5px -442px;
}

.panel_left #tool_attention_select {
  background-position:5px -476px;
}
.panel_left #tool_share_select {
  background-position:5px -510px;
}
.panel_left #tool_like_select {
  background-position:5px -544px;
}
.panel_left #tool_collection_select {
  background-position:5px -578px;
}
.panel_left #tool_shopingcart_select {
  background-position:5px -612px;
}
#juyunlogin {
width: 299px;
height: 280px;
display: block;
position: absolute;
top: 50px;
left: 30px;
}
/*图层面板*/
.right_panel {
  width:200px;
  position:fixed;
  right:0px;
  bottom:0px;
  overflow-y:hidden;
  background:#fff;
  z-index:9998;
  -moz-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-transition:all 0.4s ease-in-out;
  -moz-transition:all 0.4s ease-in-out;
  -o-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
}
.lefthide {
  width:16px;
  height:40px;
  position:fixed;
  top:209px;
  right:0px;
  z-index:9999;
  background:url(../images/lefthide.jpg) 0 0 no-repeat;
  cursor:pointer;
}
.hidetop {
  top:50px;
}
.right_panel .alignPanel {
  width:200px;
  margin-top:0px;
  height:119px;
  border-bottom:1px #ccc solid;
  overflow-y:scroll;
  background:#fff;
}

.right_panel .layerPanelTitle {
  width:200px;
  height:30px;
  padding:5px 0 4px 0;
  line-height:40px;
  font-size:16px;
  color:#08a1ef;
  border-bottom:1px #ccc solid;
}
.right_panel .layerPanelTitle .rightBtn {
  width:30px;
  height:30px;
  float:left;
  line-height:28px;
  color:#666;
  text-align:center;
  font-size:18px;
  margin-left:10px;
  background:url(../images/tucen.png) 1px 1px no-repeat;
}
.right_panel .layerPanelTitle .rightduiqi {
  width:30px;
  height:30px;
  float:left;
  line-height:28px;
  color:#666;
  text-align:center;
  font-size:18px;
  margin-left:10px;
 background:url(../images/duiqi.png) 1px 1px no-repeat;
}
.right_panel .layerPanelTitle .leftTitle {
  width:130px;
  height:30px;
  line-height:30px;
  padding-left:5px;
  font-size:16px;
  color:#666;
  float:left;
}
.right_panel .layerPanel {
  width:200px;
  height:80%;
  
  background:#fff;
 
}
.right_panel .alignPanelTitle {
  margin-top:50px;
}
#layer_list {
  width:100%;
  height:100%;
   position:relative;
   overflow-y:scroll;
}
#layer_list .toolComList {
  width:100%;
  height:40px;
  float:left;
  line-height:40px;
  text-align:center;
  border-bottom:1px #ccc solid;
  custom:pointer;
  position:relative;
  background:#fff;
}
#layer_list .selected {
 background:#08a1ef;
 color:#fff;
 -moz-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.2);
}
#layer_list .comEdit {
width: 20px;
height: 20px;
display: block;
float: left;
font-size:14px;
margin:10px 3px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background:#08a1ef url(../images/editor.png) 0 0 no-repeat;
}
#layer_list .selected .comEdit {
background:#fff url(../images/editor.png) 0 -20px no-repeat;
}
#layer_list .item_close {
width: 20px;
height: 20px;
display: block;
float: left;
font-size:14px;
margin:10px 2px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background:#ff4300 url(../images/btn_close.png) 0 0 no-repeat;
}
#layer_list .selected .item_close {
background:#fff url(../images/btn_close.png) 0 -20px no-repeat;
}
#layer_list .comTitle {
width: 95px;
height: 40px;
display: block;
float: left;
font-size:14px;
text-align:left;
overflow:hidden;
}

#layer_list .showitembg {
width: 20px;
height: 20px;
display: block;
float: left;
font-size:14px;
margin:10px 3px 10px 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background:#08a1ef url(../images/eye.png) 0 0 no-repeat;
position:relative;
}
#layer_list .selected .showitembg {
background:#fff url(../images/eye.png) 0 -20px no-repeat;
}
#layer_list .showitembg input {
 width:100%;
 height:100%;
 display:block;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
 opacity:0; 
 cursor:pointer;
}

.alignPanel ul {
width: 160px;
height: 80px;
display: block;
margin-left: 17px;
margin-top: 18px;
}
.alignPanel ul li {
width: 28px;
height: 28px;
display: block;
float: left;
margin-left: 8px;
margin-top: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;

}
.alignPanel ul li a {
  width:100%;
  height:100%;
  display:block;
  cursor:pointer;
  background-image:url(../images/align.png);
  background-repeat:no-repeat;
     -moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.alignPanel ul li a:hover {
 background-image:url(../images/align2.png);
 background-color:#08a1ef;
}
/*左对齐*/
.alignPanel ul li .topAlign {background-position:0px 0px;}
.alignPanel ul li .hmiddleAlign {background-position:-28px 0px;}
.alignPanel ul li .bottomAlign {background-position:-56px 0px;}
.alignPanel ul li .leftAlign {background-position:-84px 0px;}
.alignPanel ul li .vmiddleAlign {background-position:-112px 0px;}
.alignPanel ul li .rightAlign {background-position:-140px 0px;}
.alignPanel ul li .hmiddleSpread {background-position:-168px 0px;}
.alignPanel ul li .vmiddleSpread {background-position:-196px 0px;}