@charset "utf-8";

/*
 
 * 17素材vip建站专区模块代码
 * 详尽信息请看官网：http://www.17sucai.com/pins/vip
 *
 * Copyright , 温州易站网络科技有限公司版权所有
 * 图片不能商用，代码可商用。
 
 * 请尊重原创，未经允许请勿转载。
 * 在保留版权的前提下可应用于个人或商业用途
 
*/

*{padding:0;margin:0;font-family:"微软雅黑"}
*{padding:0;margin:0;font-family:"微软雅黑"}
ol,ul{list-style:none}
a{text-decoration:none;color:#686868}
img{border:0}
.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#f67524;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/message.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs9{background-image:url(../images/right_pic1---.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/message_on.png)}
.side ul li:hover i.bgs9{background-image:url(../images/right_pic1_on---.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:270px;/*width:240px;*//*height:237px;*/height:78px;line-height:78px;display:none;color:#fff;text-align:left;position:absolute;right:78px;top:0px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:100%;/*height:118.5px;*/overflow:hidden;padding-left:72px;line-height:78px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:78px;height:100%;overflow:hidden;/*margin-top:32px;*/font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 10px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs9{background:url(../images/right_pic1_on---.png) 10px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 10px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}

/*--弹窗样式--*/

#gray{width:100%;height:100%;background:rgba(0,0,0,0.3);position:fixed;top:0px;display:none;z-index:99999;}

.popup{
	width:532px; 
	height:auto;
	background-color:#fff;
	position:absolute;
	z-index:1000000;
	border:1px solid #ebeaea;
	left:50%!important;
	top:96px!important;
	    margin-left: -266px;
	display:none;
}
.popup .top_nav{
	width:532px;
	height:46px;
	background-image: url(../images/popup_top_bj.jpg);
	border-bottom:1px solid #ebeaea;
	position:relative;
	cursor:move;
}
.popup .top_nav i{width:35px;height:35px;background:url(../images/sucai_tubiao.png) -314px -5px;position:absolute;top:6px;left:8px;display:block; }
.popup .top_nav span{font:18px/18px 'microsoft yahei';color:#707070;display:block;position:absolute;top:13px;left:50px;}

.popup .top_nav a.guanbi { background:url(../images/popup_guanbi.png) repeat 0px 0px; width:35px; height: 35px; display: block; position:absolute;top:8px;right:10px;cursor:pointer;}
.popup .top_nav a.guanbi span { display: none;}
.popup .top_nav a.guanbi:hover { background: url(../images/popup_guanbi.png) repeat 0px -35px; }
.popup .min{width:532px;height:auto;padding:10px;}

.tc_login{width:510px;height:450px;background-color:#fff;}
/*.tc_login .left{width:200px;height:380px;background-color:;float:left;}*/
/*.tc_login .right{width:290px;height:380px;background-color:;float:right;padding-right:10px;}*/
/*.tc_login .left h4{width:200px;height:20px;margin:20px 0 20px 0;font-size:15px;color:#666;text-align:center;}*/
/*.tc_login .left img{width:150px;margin:0 auto;display:block;border:1px solid #E3E3E3;padding:4px;}*/
/*.tc_login .left dd{width:200px;height:30px;font:13px/18px 'microsoft yahei';color:#666;margin:20px 0 10px 0;text-align:center;display:block;}*/

/*.tc_login .right i{font-size:20px;color:#090;float:right;margin:15px 0 0px 0;}*/
/*.tc_login .right a{font:13px/18px 'microsoft yahei';color:#666;float:right;margin:16px 0 0px 6px;}*/
/*.tc_login .right a:hover{color:#06F;text-decoration: underline;}*/
/*.tc_login .right input{*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 2px;*/
/*    color: #000;*/
/*    font-family: 'Open Sans', sans-serif;*/
/*    font-size: 1em;*/
/*    height: 40px;*/
/*    padding:0 0 0 34px;*/
/*	margin:10px 0px 0px 10px;*/
/*    transition: background 0.3s ease-in-out;*/
/*    width: 220px;*/
/*	float:right;*/
/*}*/
/*.tc_login .right input:focus {*/
/*    outline: none;*/
/*    border-color: #019A0D;*/
/*    box-shadow: 0 0 0px #019A0D;*/
/*}*/
/*.tc_login .right .input_yh{background:url(../images/tc_login_yonghu.jpg) no-repeat left top;}*/
/*.tc_login .right .input_mm{background:url(../images/tc_login_mima.jpg) no-repeat left top;}*/
/*.tc_login .right .input_yh:focus{background:url(../images/tc_login_yonghu2.jpg) no-repeat left top;}*/
/*.tc_login .right .input_mm:focus{background:url(../images/tc_login_mima2.jpg) no-repeat left top;}*/
/*.tc_login .right .button{*/
/*-webkit-appearance: none;*/
/*    background:#36a803;*/
/*    border: none;*/
/*    border-radius: 2px;*/
/*    color: #fff;*/
/*    cursor: pointer;*/
/*    height: 50px;*/
/*    font-family: 'Open Sans', sans-serif;*/
/*    font-size: 1.2em;*/
/*    letter-spacing: 0.05em;*/
/*    text-align: center;*/
/*    text-transform: uppercase;*/
/*    transition: background 0.3s ease-in-out;*/
/*    width: 255px;*/
/*	padding:0 50px 0 50px;*/
/*	font-weight: bold;*/
/*	}*/
/*.tc_login .right .button:hover {*/

/*    background: #019A0D;*/
/*}*/
/*.tc_login .right dd{width:100%;height:30px;}*/
/*.tc_login .right dd a{font:12px/18px 'microsoft yahei';color:#06F;}*/
/*.tc_login .right dd a:hover{font:13px/18px 'microsoft yahei';color:#06F;text-decoration: underline;}*/
/*.tc_login .right hr{height:1px;border:none;border-top:1px dashed #E4E4E4;clear:both;margin:240px 0 5px 0px;}*/