/* CSS Document */
.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}.clearfix:after{clear:both}
*{ margin:0px auto; padding:0px;}
ol, ul, li, dl, dd, p, dt {list-style:none; margin:0px ; padding:0px; }
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:14px; font-weight:normal;}
body{ background: #fff;font-size:16px; color:#444;line-height:25px;  margin:0 auto;-webkit-text-size-adjust:none;font-family: "微软雅黑";}
input{ font-family: "微软雅黑";}
i{  font-style:normal; font-family:"宋体"}

img{ border:0px;}
form{padding:0px; margin:0px;}
a{ text-decoration:none; color:#333; }
a:hover{ color:#ff303a;}
input {outline: none;}
textarea {outline: none;}
.center{ text-align:center;}  
.clear{ clear:both; }
.fl{ float:left;}
.fr{ float:right;}

.mt15{ margin-top:15px;}
.mt8{ margin-top:8px;}
.dfwy .layui-carousel {width:100%; height:720px; min-width:1200px;}
.dfwy .layui-carousel-ind {	top: -160px;}

.dfwy .layui-carousel>[carousel-item] {
position:relative;
width:100%;
height:100%;
overflow:hidden; min-width:1200px;
}


.dfwy .layui-carousel-ind li {	background-color: rgba(255,255,255,.9);}
.dfwy .layui-carousel-ind li:hover {background-color: rgba(255,48,58,.9)}
.dfwy .layui-carousel-ind li.layui-this {background-color: #ff303a}
.dfwy .layui-icon{ display:none}

.df_top{background-color: rgba(0,0,0,.8); height:100px; line-height:100px; width:100%; min-width:1200px; position:absolute; z-index:9999}
.df_width{ width:1200px; margin:0px auto;  }
.df_logo{float:left; }




.df_menu{width:721px; height:100px;float:left; margin-left:49px; } 


.df_menu01{width:721px; height:auto;}
.df_menu01 ul{width:721px; height:auto;}
.df_menu01 ul li{width:103px; height:100px; float:left;}
.df_menu01 ul li .a01{width:100%; line-height:97px; font-weight:bold; text-align:center; color:#fff; font-size:17px; display:block;}
.df_menu01 ul li:hover .a01{color:#fff; border-bottom:3px solid #ff303a}

.df_menu_box{width:100%; height:auto; background:#212629; padding:50px 0px; position:absolute; left:0px; top:100px; z-index:999999; display:none;}

.df_menu_width{width:1200px; height:auto; margin:0px auto; overflow:hidden}
.df_menu_title{ float:left; width:310px; text-align:right; color:#ff303a; line-height:24px;}

.df_menu01 ul li .df_menu_list{ float:right;border-left:1px solid #676c71; width:800px; padding-left:40px; line-height:24px;}
.df_menu01 ul li .df_menu_list ul{  line-height:24px;}
.df_menu01 ul li .df_menu_list li{display: table; width:220px; height:80px; line-height:24px; margin-bottom:20px; background:#2b3033;text-align:center; margin-right:20px }
.df_menu01 ul li .df_menu_list li a{color:#FFF; display:block;display: table-cell; vertical-align:middle; text-align:center;}
.df_menu01 ul li .df_menu_list li a:hover{ border:1px solid #ff303a; color:#ff303a}

.df_ba{ float:left; color:#FFF; padding-left:30px; font-size:13px;}
.df_ba a{ color:#FFF;}
.df_ba a:hover{ color:#ff303a;}



.dfwy01{ width:75px; height:35px; text-align:center; line-height:35px; border-radius:0px;cursor: pointer; margin-left:10px; padding:0px; margin-top:32px; float:left; border:1px solid #fff; font-size:14px;} 
.dfwy01 a{ color:#FFF; display:block}


.dfwy02{ width:75px; height:35px; text-align:center; line-height:35px; border-radius:0px;cursor: pointer; margin-left:10px; padding:0px; margin-top:32px; float:right; border:1px solid #ff303a; background:#ff303a; font-size:14px;} 
.dfwy02 a{ color:#FFF; display:block}






.df_fast_link{ position:absolute; width:100%; min-width:1200px; bottom:0px; height:130px; z-index:99999;background-color: rgba(0,0,0,.6);}
.df_fast_link ul{ width:1200px; margin:0px auto}
.df_fast_link li{ display: table; float:left; width:269px; padding-left:30px; height:130px; line-height:30px; font-size:14px; border-left:1PX solid rgba(255,255,255,.2);}
.df_fast_link li a{ color:#FFF;display: table-cell; vertical-align:middle; } 
.df_fast_link li span{ display:block; color:#ff303a}
.df_fast_link li h2{ font-size:16px; font-weight:bold} 
.df_fast_link li a:hover{ color:#ff303a}


.zy_link{ position:absolute; width:100%; min-width:1200px; bottom:0px; height:68px; z-index:99999;background-color: rgba(0,0,0,.6);}
.zy_link ul{ width:1200px; margin:0px auto}
.zy_link li{ display: table; float:left; width:170px; padding-left:30px; height:68px; line-height:30px; font-size:14px; border-left:1PX solid rgba(255,255,255,.2);}
.zy_link li a{ color:#FFF;display: table-cell; vertical-align:middle; } 
.zy_link li.on a{ font-weight:700; color:#ff303a;}
.zy_link li span{ display:block; color:#ff303a}
.zy_link li h2{ font-size:16px; font-weight:bold} 
.zy_link li a:hover{ color:#ff303a}
/*提供国内顶尖、快速、稳定的云计算产品*/
.df_hsbg{ background:#f4f4f4; padding:80px 0px; min-width:1200px; overflow:hidden}
.sv_hsbg{ background:#fff; padding:10px 0px 60px 0px; min-width:1200px; overflow:hidden}
.sv_navlist{ background:#ebebeb; padding:30px 0px; min-width:1200px; overflow:hidden}
.df_in_title{ text-align:center;font-size:17px; color:#666666}
.df_in_title p{ font-size:32px; color:#333333;  padding-bottom:20px; font-weight:bold}
.df_in_title a{ color:#f71a2c}


.cloud-product-box {
	background: #f4f4f4
}
.cloud-product-wrapper {
	margin: 0 auto;
	width: 1200px
}
.cloud-product {
	position: relative;
	z-index: 9;
	padding: 50px 0 0 0px
}
.cloud-product-title {
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-size: 32px;
	color: #333
}
.color-blue {
	color: #009fd9
}
.cloud-product-explain {
	margin-top: 26px;
	margin-bottom: 82px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 16px;
	color: #999
}
.cloud-product-ul {
	width: 100%
}
.cloud-product-ul li {
	position: relative;
	margin-left: 12px;
	width: 212px;
	height: 522px;
	float: left;
	background: #fff
}
.cloud-product-ul li:first-child {
	margin-left: 0
}
.cloud-product-single-top {
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background-color: #f2f2f2
}
.cloud-product-name {
	font-size: 18px;
	color: #333;
	font-weight: 700
}
.cloud-product-single-bottom {
	width: 100%;
	height: 340px
}
.empty-space {
	width: 100%;
	height: 99px
}
.single-bottom-item {
	height: 340px;
	width: 100%
}
.single-bottom-item:first-child {
	border-right: 1px solid #eee
}
.bg-product-pic { 
	margin: 48px auto 0;
	width: 100%;
	height: 82px
}
.server-header-01 {background: url(../ad/img/icon01.png) no-repeat center; }
.server-header-02 {background: url(../ad/img/icon02.png) no-repeat center; }
.server-header-03 {background: url(../ad/img/icon03.png) no-repeat center }
.server-header-04 {background: url(../ad/img/icon04.png) no-repeat center }
.server-header-05 {background: url(../ad/img/icon05.png) no-repeat center 
}
.server-header-active-01 {background: url(../ad/img/icon01-1.png) no-repeat center;}
.server-header-active-02 {background: url(../ad/img/icon02-1.png)  no-repeat center;}
.server-header-active-03 {background: url(../ad/img/icon03-1.png) no-repeat  center}
.server-header-active-04 {background: url(../ad/img/icon04-1.png) no-repeat  center}
.server-header-active-05 {background: url(../ad/img/icon05-1.png) no-repeat  center}
.idc-bg {
	background: url(img/index-sprite.png?v=dJUGRsR55jPozZl5J1Gqgg%3D%3D) 0 -1421px no-repeat
}
.host-bg {
	background: url(img/index-sprite.png?v=dJUGRsR55jPozZl5J1Gqgg%3D%3D) -6px -1256px no-repeat
}
.product-introduce-title {
	margin-bottom: 14px;
	height: 22px;
	line-height: 22px;
	font-size: 22px;
	text-align: center
}
.product-introduce-title.normal-weight {
	font-weight: 400
}
.product-introduce-content {
	margin: 0 auto 26px;
	width: 180px;
	line-height: 14px;
	font-size: 14px;
	text-align: center;
	color: #999
}
.product-introduce-list {
	margin: 0 auto;
	padding-top: 28px;
	height: 135px;
	width: 84%;
	border: 1px solid #f1f1f1;
	border-left: none;
	border-right: none
}
.introduce-list-small {
	margin-bottom: 18px;
	line-height: 14px;
	font-size: 14px;
	color: #999;
	text-align: center
}
.product-introduce-price {
	margin: 48px auto 0;
	font-size: 14px;
	text-align: center;
	color: #333
}
.price-blue {
	color: #ff303a;
	font-size: 38px
}
.normal-inner {
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s
}
.active-inner {
	position: relative;
	display: none;
	height: 100%;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s
}
.introduce-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 360px;
}
.active-inner-01 { 	background:#ff303a;}
.active-inner-02 {	background:#ff303a;}
.active-inner-03 {	background:#ff303a;}
.active-inner-04 {  background:#ff303a;}
.active-inner-05 {  background:#ff303a;}

.cloud-product-ul li.active .active-inner {
	display: block;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}
.cloud-product-ul li.active .normal-inner {
	display: none;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0
}
.cloud-product-ul li {
	-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.08);
	-moz-box-shadow: 1px 1px 12px rgba(0,0,0,.08);
	box-shadow: 1px 1px 12px rgba(0,0,0,.08);
	-webkit-transition: width .15s linear;
	-o-transition: width .15s linear;
	-moz-transition: width .15s linear;
	transition: width .15s linear
}
.cloud-product-ul li.active {
	z-index: 9;
	width: 304px;
	-webkit-box-shadow: 0 4px 20px rgba(0,0,0,.2);
	-moz-box-shadow: 0 4px 20px rgba(0,0,0,.2);
	box-shadow: 0 4px 20px rgba(0,0,0,.2)
}
.active .product-introduce-content {
	color: #eff6ff
}
.active-product-introduce-title {
	color: #fff
}
.active .product-introduce-list {
	padding-top: 22px;
	border-color: #f1f1f1
}
.introduce-list-large {
	margin: 0 auto;
	width: 228px;
	line-height: 22px;
	color: #FFF;
	font-size: 14px
}
.active .product-introduce-price {
	margin-top: 20px;
	color: #fefeff
}
.product-introduce-price .price-white {
	display: inline-block;
	font-size: 36px;
	height: 36px;
	line-height: 30px;
	color: #fff
}
.buy-link-btn {
	display: block;
	margin: 10px auto 0;
	width: 90%; text-align:center;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	color: #ff303a;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.buy-link-btn:hover {
	background-color: #f80; color:#FFF
}



/*为什么选择*/
.df_why_bg{ background:url(../ad/img/img01.png) no-repeat center; height:520px; min-width:1200px;}
.df_in_title01{ text-align:center;font-size:17px; color:#fff; padding-top:90px;}
.df_in_title01 p{ font-size:32px; color:#fff;  padding-bottom:20px; font-weight:bold}



.dfqh .layui-tab-title{ width:146px; background:#fff; margin:0px auto;height:30px; line-height:30px; border-radius:80px; margin-top:50px;}
.dfqh .layui-tab-title li { width:73px; height:30px; line-height:30px; padding:0px; margin:0px;color:#ff303a}
.dfqh .layui-tab-title li a {display: block; }
.dfqh .layui-tab-title .layui-this { background:#ff303a; color:#FFF; height:31px; line-height:31px; border:none;border-radius:80px;}
.dfqh .layui-tab-title .layui-this:after { display:none }
.dfqh .layui-tab-content{ padding:0px;}

.df_zz_list{ margin-top:70px;}
.df_zz_list u{}
.df_zz_list li{ width:300px; float:left; font-size:16px; color:#FFF; text-align:center;}
.df_zz_list li span{ display:block; padding-top:20px;}

.df_sl_list{ background:url(../ad/img/line.png) no-repeat left; height:171px; margin-top:70px; }
.df_sl_list ul{}
.df_sl_list li{background:url(../ad/img/line.png) no-repeat right; float:left; width:240px; height:136px; text-align:center; color:#FFF; font-size:14px; padding-top:35px;}
.df_sl_list li p{ font-size:50px;  font-family:arial; padding-bottom:20px;}

/*十六年高防专家 为你打造专属方案*/
.df_bsbg{ background:#fff; padding:80px 0PX 120px 0px; min-width:1200px; overflow:hidden}
.sv_bsbg{ background:#ebebeb; padding:0px 0PX 40px 0px;  min-width:1200px; overflow:hidden}

.solution-list { margin-top:100PX;
	position: relative;
	height: 412px;
	z-index: 9
}
.short-bar {
	position: absolute;
	top: 187px;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 3px;
	background-color: #ff303a
}
.active .short-bar {
	top: 201px;
	background-color: #ff303a
}
.solution-list ul li {
	float: left;
	width: 240px;
	position: relative;
	height: 412px;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s
}
.solution-item-wrapper {
	width: 240px;
	height: 410px;
	background: url(../ad/img/img02.png) no-repeat;
}
.solution-item-02 {	background: url(../ad/img/img03.png) no-repeat}
.solution-item-03 {	background: url(../ad/img/img04.png) no-repeat}
.solution-item-04 {	background: url(../ad/img/img05.png) no-repeat}
.solution-item-05 {	background: url(../ad/img/img06.png) no-repeat}
.active .solution-item-wrapper {
	position: absolute;
	z-index: 9;
	top: -62px;
	left: -51px;
	width: 340px;
	height: 510px;
	background: url(../ad/img/img02-1.png) no-repeat;  
}
.product-special-li-5.active .solution-item-wrapper {
	left: -102px
}

.active .solution-item-02 { background: url(../ad/img/img03-1.png) no-repeat;  }
.active .solution-item-03 {background: url(../ad/img/img04-1.png) no-repeat;  }
.active .solution-item-04 {background: url(../ad/img/img05-1.png) no-repeat;  
}
.active .solution-item-05 {background: url(../ad/img/img06-1.png) no-repeat;  }
.solution-list ul li p.solution-title {
	position: absolute;
	top: 211px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 18px;
	z-index: 2
}
.solution-list ul li p.solution-intro {
	position: absolute;
	top: 282px;
	left: 50%;
	margin-left: -121px;
	width: 242px;
	overflow: hidden;
	color: #eee;
	line-height: 2;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 14px;
	text-align: justify
}
.solution-list ul li a {
	display: none;
	position: absolute;
	top: 452px;
	left: 50%;
	margin-left: -87px;
	width: 174px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	z-index: 2;
	background-color: #ff303a
}
.solution-list ul li a:hover {
	background-color: #ff303a;
	transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	-o-transition: all .6s
}
.solution-list ul li.active p.solution-title {
	top: 158px;
	font-size: 22px
}
.solution-list ul li.active p.solution-intro {
	top: 230px;
	opacity: 1;
	filter: alpha(opacity=100)
}
.solution-list ul li.active a {
	top: 388px;
	display: block
}

/*地图*/
.df_map{ background:url(../ad/img/mapbg.png) repeat-x center; height:640px; min-width:1200px; padding-top:120px;}
.df_map_font{ width:250px; float:left;}
.df_map_font ul{}
.df_map_font li{ color:#ff303a; font-size:15px; line-height:36px; padding-bottom:50px;}
.df_map_font li span{ display:block; float:left; padding-right:10px; padding-top:5px;}
.df_map_font li div{ font-size:28px; color:#ff303a} 
.df_map_anniu{ width:170px; height:45px; line-height:45px; text-align:center; background:#ff303a; margin:0px auto; margin-top:40px;}
.df_map_anniu a{ display:block; color:#FFF}

.df_link{ overflow:hidden; width:1200px; margin-top:60px;}
.df_link ul{ width:1240px;} 
.df_link li{ float:left; padding-right:30px;}

/*新闻*/
.pr{ padding-right:22px;}
.df_new_left{ width:420px; float:left;}
.df_new_title{ font-size:32px; font-weight:bold; color:#333333}
.df_new_title span{ float:right; font-size:16px; font-weight:normal; color:#999999}
.df_new_list{ width:420px; overflow:hidden; margin-top:10px;}
.df_new_list ul{ width:435px;}
.df_new_list li{ float:left; width:420px; height:100px; overflow:hidden; background:#FFF; margin-right:15px; margin-top:15px;}
.df_new_list li .df_new_time{ width:100px; border-right:1px solid #f4f4f4; float:left; height:100px; text-align:center; font-family:arial;}
.df_new_list li .df_new_time span{ display:block; font-size:49px; padding-top:25px; padding-bottom:10px;}
.df_new_list li .df_new_font{ width:299px; height:60px; padding:20px 10px;float:left; font-size:14px;}
.df_new_list li a{ display:block}
.df_new_list li:hover .df_new_time ,li:hover .df_new_font{ background:#ff303a; color:#FFF;}

.df_new_right{ width:315px; float:right;}


.df_new .layui-carousel {width:315px; height:330px; }
.layui-carousel>[carousel-item]>* {
display:none;
position:absolute;
left:0;
top:0;
width:315px;
background-color: #fff;
transition-duration:.3s;
-webkit-transition-duration:.3s
}

.df_new .layui-carousel-arrow{ display:none}


.df_new .layui-carousel {
	position: relative;
	left: 0;
	top: 0;
	background-color: #fff
}

.df_new .layui-carousel-ind {position: relative;top: -35px;width: 100%;line-height: 0!important; text-align:left; margin-left:15px;	font-size: 0}
.df_new .layui-carousel-ind ul {display: inline-block;background-color: inherit;-webkit-transition-duration: .3s;transition-duration: .3s}
.df_new .layui-carousel-ind li {background-color: rgba(208,208,208,.9);}
.df_new .layui-carousel-ind li:hover {background-color: rgba(255,48,58,.9)}
.df_new .layui-carousel-ind li.layui-this {background-color: #ff303a}


.df_dsj_font{ font-size:13px;}
.df_dsj_font span{ display:block;}
.df_dsj_font p{ padding:0px 20px;}
.df_dsj_font p.df_dsj_bt{ font-size:15px; padding-bottom:5px; padding-top:10px;}





/*底部*/
.df_bottombg{ background:#292e33; min-width:1200px; overflow:hidden}
.df_b_icon{ border-bottom:1px solid #3f4348; overflow:hidden; height:150px; }
.df_b_icon ul{}
.df_b_icon li{ float:left; width:300px; line-height:150px; color:#FFF; font-size:18px;}
.df_b_icon li span{ padding-right:10px;}

.df_b_l{ color:#FFF; font-size:14px; margin-top:50px; border-right:1px solid  rgba(255,255,255,.2); width:410px; height:230px; float:left;}
.df_b_l span{}
.df_b_l h2{ font-size:17px; font-weight:bold; padding-bottom:10px; padding-top:15px;}
.df_b_l .df_b_icon01{ margin-top:10px; }
.df_b_l .df_b_icon01 span{ display:block; float:left; padding-right:10px;}

.df_b_webmap{  margin-top:50px}
.df_b_webmap ul{ float:left; padding-left:40px; padding-right:40px;}
.df_b_webmap li{ font-size:14px; line-height:30px;}
.df_b_webmap li a{ color:#FFF}
.df_b_webmap li a:hover{ text-decoration:underline}
.df_b_webmap li.df_b_webmap_t{ font-size:16px; padding-bottom:10px; color:#fff;}

.df_copy{ border-top:1px solid  rgba(255,255,255,.1);  text-align:center; margin-top:50px; padding:30px 0px; color:#a9a9a9; font-size:14px;}






.df_sonbanner{ background: url(../ad/img/b01.png) no-repeat center; height:600px; min-width:1200px; position:relative;}
.df_bannerfont_w{ width:1200px; margin:0px auto;}
.df_bannerfont{ width:600px; color:#FFF; line-height:31px; position:absolute; top:220px; }
.df_bannerfont h2{ font-size:45px; padding-bottom:20px;}
.df_bannerfont h1{ font-size:45px; padding-bottom:20px;}
.df_banner_anniu{ margin-top:20px;}
.df_banner_anniu .df_b_an{ background:#ff303a; border:none;}
.df_banner_anniu a{ display:block; float:left; width:170px; height:45px; line-height:45px; text-align:center; border:1px solid #FFF; margin-right:10px; color:#ffffff}


/*云服务器*/
.mar_l40{ margin-left:40px;}
.df_yfwq_f{ width:110px; text-align:right; font-size:15px; line-height:42px; margin-top:15px;}
.df_yfwq_sjl{ float:left; width:1040px; font-size:14px; border-left:1PX solid #dddddd;}
.df_yfwq_sjl ul{  height:42PX; line-height:42PX;}
.project-item .df_yfwq_sjl ul li{ float:left; width:154px; height:40px; text-align:center;}
.df_yfwq_sjl ul li a{ border:1px solid #dddddd; border-left-style:none; height:40px; line-height:40px; display:block}
.df_yfwq_sjl ul li a:hover{ background:#ff303a; color:#fff; border:1px solid #ff303a}

.df_sjf{ font-size:13px; color:#999999;  padding-top:10px;}
.df_sjf a{ color:#ff303a}


.df_wlaq{ border:1px solid #ff303a;min-height:180px; margin-top:20px; margin-bottom:20px; }

.df_wlaq_t{ float:left; height:140px; padding-top:40px; width:40px; line-height:18px; font-size:15px;  text-align:center; color:#FFF; background:#ff303a;}

.df_wlaq_r{ width:1030px; float:left;}
.df_yfwq_wlaq{ width:1030px;}
.df_yfwq_wlaq ul{ border-left:1PX solid #dddddd; height:42PX; line-height:42PX;}
.df_yfwq_wlaq li{ float:left; width:128px; height:40px; text-align:center;}
.df_yfwq_wlaq li a{ border:1px solid #dddddd; border-left-style:none; height:40px; line-height:40px; display:block}
.df_yfwq_wlaq li a:hover{ background:#ff303a; color:#fff; border:1px solid #ff303a}

.df_yfwq_select{width:270px; height:40px; float:left; margin-top:15px;}
.df_yfwq_select select{ border:1px solid #ff303a; width:250px; height:40px; color:#333; font-size:13px; padding-left:20px; background:#FFF;}

.df_yfwq_fy{ float:left; margin-top:15px; width:1040px;}
.df_yfwq_fy ul{}
.df_yfwq_fy li{ float:left; width:113px; height:40px; font-size:15px;}
.df_yfwq_fy li a{ background:#f2f2f2; display:block; height:40px; line-height:40px; text-align:center; border-right:2px solid #FFF}
.df_yfwq_fy li a:hover{ background:#ff303a; color:#FFF}

.df_yfwq_jgbg{ background:url(../ad/img/line02.png) repeat-y; padding:20px 0px; width:1200px; margin-top:40px; overflow:hidden} 
.df_yfwq_jgt{ width:50px; float:left; text-align:center; padding:20px 0px; color:#FFF; font-size:15px; line-height:18px;}
.df_yfwq_jgr{ width:1090px; float:right; padding:0px 30px;}
.df_yfwq_jgrt{ font-size:15px; color:#333333}

.df_yfwq_jglist{  border-bottom:1px solid #d9d9d9; padding-bottom:8PX; margin-bottom:8PX;}
.df_yfwq_jglist ul{ float:left; width:160px; font-size:13px; color:#666666}
.df_yfwq_jglist li{}

.df_yfwq_jgz{ float:left; font-size:15px;}
.df_yfwq_jgz span{ font-size:25px; color:#ff303a; font-family:arial; font-weight:bold}
.df_yfwq_jgm{ width:130px; font-size:15px; height:40px; line-height:40px; text-align:center; float:right; background:#ff303a; position:absolute; right:90px; bottom:-12px;}

.df_yfwq_jgm a{ color:#FFF;}





.User_grade{width:1030px;overflow:hidden;float:left; position:relative; margin-top:10px;}
.User_ratings .ratings_bars{width:1030px;height:50px;margin-top:10px;float:left;}

.User_ratings .ratings_bars #title0{width:90px;height:38px;text-align:center;border:1px solid #dddddd;line-height:40px;font-size:14px;float:left;color:#a0a0a0;background:#fff; margin-left:10px;}
.User_ratings .ratings_bars #title1{width:90px;height:38px;text-align:center;border:1px solid #dddddd;line-height:40px;font-size:14px;float:left;color:#a0a0a0;background:#fff; margin-left:10px;}


.User_ratings .ratings_bars .bars_10{font-size:18px;line-height:40px;float:left;color:#a0a0a0; position:absolute; left:0px; }
.User_ratings .ratings_bars .bars_10 ul{}
.User_ratings .ratings_bars .bars_10 li{ float:left; width:202px; font-size:14px; border-right:1px solid  rgba(221,221,221,.5); color: rgba(0,0,0,.5); text-align:right; padding-right:20px; }

.User_ratings .ratings_bars .scale{width:890px;height:38px;float:left;position:relative;background:#FFF; border:1px solid #dddddd}
.User_ratings .ratings_bars .scale div{width:0px;position:absolute;width:0;left:0;height:38px;bottom:0;background:#ff303a; border:1px solid #ff303a}
.User_ratings .ratings_bars .scale span{width:16px;height:50px;position:absolute;left:-1px;top:-7px;cursor:pointer;background: url(../ad/img/icon69.png) no-repeat; border:none; z-index:9999}


.hdk_m{background:#f5f5f5; border:1px solid #dddddd; border-left-style:none; width:30px; text-align:center; line-height:38px; height:38px; float:left;}




/*域名空间*/
.df_sonbanner01{ background: #0e0e0e url(../ad/img/b02.jpg) no-repeat center; height:600px; min-width:1200px; position:relative;}
.df_zym_hsbg{ min-width:1200px; overflow:hidden}

.df_zymbg{ background:#FFF; width:1200px; min-height:400px; margin:0px auto;}
.df_zym_title{ font-size:32px; font-weight:bold; text-align:center; padding-top:60px;}
.df_zym_title span{ color:#ff303a}
.df_zym_w{ width:1010px; margin:0px auto;}
.df_zym_www{ float:left; font-size:32px; color:#333333; line-height:60px; margin-top:30px;}
.df_zym_inputbox{ background:#fafafa; border:1PX solid #dedee0; width:780PX; height:60px; float:left; margin-top:30px; position:relative; margin-left:9px}
.df_zym_input{ width:645px; height:60px; overflow:hidden; position:absolute; left:0px; top:0px;}
.df_zym_input input{ width:645px; height:60px; padding:0px 10px; border:none; background: none}
.d_drop{ position:absolute; right:0px; top:0px;}
.df_zym_w .df_zym_inputbox h3, .df_zym_w .df_zym_inputbox .con a{ background-color:#eee; height:59px; line-height:58px; font-size:18px; font-weight:normal; width:60px; padding:0px 25px;   border:none; cursor:pointer;}
.df_zym_w .df_zym_inputbox .con {position: absolute; top: 56px; left: 0; display: none;  border-top: 1px solid #fff;}
.df_zym_w .df_zym_inputbox s{ text-decoration:none}
.df_zym_w .df_zym_inputbox i { width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 7px; border-color: #202020 transparent; display: block;  position: absolute; right: 20px; top: 25px;}
.df_zym_w .df_zym_inputbox .con a {
    display: block;
}


.df_zym_anniu{ float:left; margin-top:30px;}
.layui-btn-red{ background:#f71a2c; width:135px; height:62px; border-radius:0px; font-size:16px;}


.df_zym_fxk{ padding-top:30px; }
.df_zym_fxk li { float:left; width:126px;  height: 31px; line-height: 31px; font-size: 15px;  padding: 0 0 5px;}
.df_zym_fxk li label{ font-size:15px; line-height:31px;}

.df_ymyhbg{ background:#f1f1f1; padding:0px 0px 50px 0px;} 
.df_ymyhimg{ overflow:hidden; width:1200px; margin-top:30px; }
.df_ymyhimg ul{width:1228px;}
.df_ymyhimg li{ float:left; margin-right:27px;}

.df_ymjgtable{ margin-top:20px; }
.df_ymjgtable td{  border:1px solid #dedee0; height:50PX; line-height:50PX; font-size:13px;}

.df_ym_xzwm{ width:1200px; }
.df_ym_xzwm ul{ width:1230px;}
.df_ym_xzwm li{ float:left; width:320px; height:85px; background:#FFF; padding:30px; margin-right:30px; margin-top:20px;}
.df_ym_xzwm li .df_ym_xzwmicon{ float:left;}
.df_ym_xzwm li .df_ym_xzwmfont{ width:238px; float:right; font-size:14px; line-height:24px;}
.df_ym_xzwm li .df_ym_xzwmfont h2{ font-size:22px; padding-bottom:15px; color:#333333}
.df_ym_xzwm li:hover{-moz-box-shadow:0px 0px 10px #c5c5c5; -webkit-box-shadow:0px 0px 10px #c5c5c5; box-shadow:0px 0px 10px #c5c5c5; cursor:pointer
}

/*虚拟主机*/
.df_sonbanner02{ background: #0e0e0e url(../ad/img/b03.png) no-repeat center; height:600px; min-width:1200px; position:relative;}
.df_b_xn_menu{ background: rgba(0,0,0,.5); width:100%; min-width:1200px; left:0px;height:70px; line-height:67px; position:absolute; bottom:0px;}
.df_b_xn_menu ul{ width:280px; margin:0px auto;}
.df_b_xn_menu li{ float:left; width:140px; text-align:center;}
.df_b_xn_menu li a{ color:#FFF; font-size:22px; display:block}
.df_b_xn_menu li a:hover{ border-bottom:3px solid #ff303a; height:67px; line-height:67px;color:#FFF; font-size:22px; color:#ff303a}
#df_b_xn_menu{ border-bottom:3px solid #ff303a; height:67px; line-height:67px;color:#FFF; font-size:22px; color:#ff303a}


.df_qnx{  width:1200px; margin-top:30px;}
.df_qnx ul{ width:1230px; overflow:hidden}
.df_qnx li{ float:left; width:378px; height:474px; border:1px solid #e5ebf0; margin-right:30px;} 
.df_qnx li .df_qnx_t{ background:#e5ebf0; height:70px; line-height:70px; text-align:center; font-size:22px;}
.df_qnx li .df_qnx_s{ overflow:hidden}
.df_qnx li .df_qnx_s ul{}
.df_qnx li .df_qnx_s li{ float:left; margin-top:30px; text-align:center; width:125px; border:none; border-right:1px solid #e5ebf0; height:50px; font-size:14px; color:#999;margin-right:0px; }
.df_qnx li .df_qnx_s li h2{ font-size:22px; color:#333}
.df_qnx li .df_qnx_f{ font-size:14px; line-height:35px; padding-left:33px; padding-top:20px;}
.df_qnx li .df_qnx_q{ float:left; padding-left:33px; font-size:14px; padding-top:20px;}
.df_qnx li .df_qnx_q span{ font-size:33px; color:#ff303a} 
.df_qnx li .df_qnx_xq{ float:right; padding-right:33px; font-size:14px;padding-top:25px;}
.df_qnx li .df_qnx_anniu { width:190px; height:50px; line-height:50PX; margin:0px auto; margin-top:30px;background:#f71a2c; text-align:center;}
.df_qnx li .df_qnx_anniu a{ width:190px; height:50px; margin:0px auto; color:#FFF  }

.df_qnx li:hover{ border:1px solid #ff303a; cursor:pointer;}
.df_qnx li:hover .df_qnx_t{ background:#ff303a; color:#FFF}

.df_wsm{ width:1200px; margin-top:20px;}
.df_wsm ul{ width:1228px;}
.df_wsm li{ float:left; text-align:center; width:240px; font-size:14px; padding:0px 20px; height:335px; background:#FFF; margin-right:27px; color:#666666;}
.df_wsm li span{ display:block; padding-top:40px; padding-bottom:20px;}
.df_wsm li h2{ font-size:22px; color:#333; padding-bottom:10px;}
.df_wsm li h3{ font-size:22px; color:#333; padding-bottom:10px;}
.df_wsm li:hover{-moz-box-shadow:0px 0px 10px #c5c5c5; -webkit-box-shadow:0px 0px 10px #c5c5c5; box-shadow:0px 0px 10px #c5c5c5; cursor:pointer}








/*防御产品*/
.df_sonbanner03{ background: #0e0e0e url(../ad/img/b04.jpg) no-repeat center; height:600px; min-width:1200px; position:relative;}
.df_fylist{ width:1200px; overflow:hidden}
.df_fylist ul{ width:1216px;}
.df_fylist li{ width:288px; border:1px solid #e5ebf0; background:#FFF; float:left; margin-right:13px; margin-top:15px;}
.df_fylist li .df_fytitle{ background:#f7f9fa; height:70px; text-align: center; font-size:17px; font-weight:bold; padding-top:10px;}
.df_fylist li .df_fy_jq{ text-align:center; padding-top:30px;}
.df_fylist li .df_fy_jq span{ font-size:33px; color:#ff303a}
.df_fylist li .df_fy_anniu{ width:100px; height:35px; margin:0px auto; margin-top:20px; background:#f71a2c; text-align:center; line-height:35px;}
.df_fylist li .df_fy_anniu a{ width:100px; height:35px; font-size:13px; color:#FFF}

.df_fylist li .df_fy_title{ text-align:center; background: url(../ad/img/line01.png) no-repeat center; font-size:17px; color:#ff303a; font-weight:bold; margin-top:20px;}
.df_fylist li .df_fy_font{ }
.df_fylist li .df_fy_font ul{ width: inherit} 
.df_fylist li .df_fy_font li{ width:240px;  font-size:13px; border:none; border-bottom:1px dotted #d9d9d9; line-height:35px; height:35px; float:none; margin:0px auto;}
.df_fylist li .df_fy_font li:hover{-moz-box-shadow:none;-webkit-box-shadow:none; box-shadow:none;}
.df_fylist li:hover{ border:1px solid #ff303a; cursor:pointer;-moz-box-shadow:0px 0px 10px #c5c5c5; -webkit-box-shadow:0px 0px 10px #c5c5c5; box-shadow:0px 0px 10px #c5c5c5;}
.df_fylist li:hover .df_fytitle{ background:#ff303a; color:#FFF;}



/*服务器租用*/
.df_fwq{ border-top:3px solid #ff313b; margin-top:25px;}
.df_fwq ul{ background:url(../ad/img/fwqbg.png) no-repeat; height:49px; line-height:49px;  }
.df_fwq li{ float:left; width:300px;}
.df_fwq li a{ display:block; width:270px;padding-left:30PX;}
.df_fwq li a:hover{ background:#ff303a; color:#FFF}
.df_fwq li.on a{ background:#ff303a; color:#FFF}

.df_fwqlist{ width:640px; margin:0px auto; margin-top:20px;}
.df_fwqlist ul{}
.df_fwqlist li{ width:150px; height:40px;float:left; margin-right:10px;}
.df_fwqlist li a{ border:1px solid #e3e3e3; background:#FFF; display:block; width:148px; height:38px; text-align:center; line-height:38px;  }
.df_fwqlist li a:hover{ background:#ff303a; color:#fff; border:1px solid #ff303a;}


.sv_fwqlist{ width:640px; margin:0px auto;}
.sv_fwqlist ul{}
.sv_fwqlist li{ width:150px; height:40px;float:left; margin-right:10px;}
.sv_fwqlist li a{  display:block; width:148px; height:38px; text-align:center; line-height:38px;  }

.sv_fwqlist li.on a{ color:red; border:1px solid #e3e3e3;  background:#FFF; border-radius:4px; }


.df_fwq_title{  border-left:4px solid #ff303a; color:#ff303a; font-size:22px; padding-left:10px; margin-top:50px;}

.df_fwq_jg{ border-collapse:collapse; background:#ffffff; margin-top:20px;  font-size:14px;}
.sv_fwq_jg{ border-collapse:collapse; background:#ffffff;  font-size:14px;}
.df_fwq_jg td{ border:1px solid #e9e9e9; height:70px; line-height:70px;}
.df_fwq_jg span{ color:#ff303a}
.sv_fwq_jg td{ border:1px solid #e9e9e9; height:70px; line-height:70px;}
.sv_fwq_jg span{ color:#ff303a}

.df_fwq_anniu { }
.df_fwq_anniu a{  padding:8px 20px; margin:0px 5px; border-radius:2px;  border:1px solid #ff303a; color:#ff303a}
.df_fwq_anniu a.df_fwq_gm{ background:#ff303a; color:#FFF}

.df_fwq_font{ font-size:14px; padding-top:20px; line-height:28px;}

.df_fwq_jfimg{ width:1200px; padding-top:20px; overflow:hidden}
.df_fwq_jfimg ul{ width:1224px;}
.df_fwq_jfimg li{ float:left; padding-right:24px;}

.df_fwq_ys{ width:1200px; margin-top:20px; }
.df_fwq_ys ul{ width:1212px; }
.df_fwq_ys li{ float:left; width:200px; height:340px; padding:0px 15px; font-size:13px; line-height:22px; font-family:arial; color:#666666; margin-right:12px; background:#fff; text-align:center;}
.df_fwq_ys li span{ display:block; padding-top:50px; padding-bottom:20px;}
.df_fwq_ys li h2{ font-size:22px; color:#333333; padding-bottom:10px;}
.df_fwq_ys li h3{ font-size:22px; color:#333333; padding-bottom:10px;}
.df_fwq_ys li:hover{cursor:pointer;-moz-box-shadow:0px 0px 10px #c5c5c5; -webkit-box-shadow:0px 0px 10px #c5c5c5; box-shadow:0px 0px 10px #c5c5c5;}



/*数据中心*/
.df_sjmenu{ width:100%; background:#ff303a; height:60px; position:absolute; bottom:0px; left:0px;}
.df_sjmenu ul.layui-nav{ width:1200px; margin:0px auto; background: none; font-size:22px; color:#FFF; border-left:1PX solid #ff6f75; padding:0px; }

.df_sjmenu ul.layui-nav *{ font-size:22px;}
.df_sjmenu ul.layui-nav .layui-nav-item { padding:0px;margin:0px;}
.df_sjmenu ul.layui-nav .layui-nav-item a {color: #fff; padding:0px;}
.df_sjmenu ul.layui-nav .layui-nav-item a:hover { border-bottom: none}
.df_sjmenu ul.layui-nav .layui-nav-item{ width:293px; text-align:center;  background:none; border-right:1PX solid #ff6f75; padding:0px; margin:0px;}

.df_sjmenu ul.layui-nav .layui-nav-item dl{ margin:0px; top:60px;}
.df_sjmenu ul.layui-nav .layui-nav-item dl.layui-nav-child{  background: rgba(0,0,0,.8); border:none; padding:0px; border-radius:0px; margin:0px; font-size:14px;}
.df_sjmenu ul.layui-nav .layui-nav-item dl.layui-nav-child dd a{ border-bottom:1px solid rgba(255,255,255,.1); font-size:14px; height:50px; line-height:50px;}
.df_sjmenu ul.layui-nav .layui-nav-item dl.layui-nav-child dd a:hover{  background: rgba(0,0,0,.5);font-size:14px;}

.df_sjmenu ul.layui-nav .layui-nav-more{ display:none}
 

.df_sjmenu ul.layui-nav .layui-nav-bar{ display:none}






.df_sonbanner04{ background: #0e0e0e url(../ad/img/b05.png) no-repeat center; height:600px; min-width:1200px; position:relative;}
.df_sj_img{ float:left;}
.df_sj_box{ width:850px; float:right;}
.df_sj_table{}
.df_sj_table td{ border:1px solid #e9e9e9; height:68px; line-height:68px; padding-left:50px; font-size:14px;}
.df_sj_table span{ color:#ff303a}

.df_sj_anniu{ width:872px; margin-top:17px;}
.df_sj_anniu a{ width:131px; height:45px; line-height:45px; font-size:14px; margin-right:10px; text-align:center; display:block; float:left; border:1px solid #ff303a; color:#ff303a; border-radius:2px;}
.df_sj_anniu a:hover{ background:#ff303a; border:1px solid #ff303a; color:#FFF}
#df_sj_anniu{ background:#ff303a; border:1px solid #ff303a; color:#FFF}


.df_sjjs{ width:1200px;}
.df_sjjs ul{ width:1220px;}
.df_sjjs li{ float:left; width:590px; height:210px; background:#fff; margin-right:20px; margin-top:20px;}

.df_sjjs li .df_sjjs_icon{ float:left; padding:50px 0px 0px 40px;}
.df_sjjs li .df_sjjs_font{ float:right; width:440px; font-size:13px; color:#666666; line-height:22px; padding-right:30px; }
.df_sjjs li .df_sjjs_font h2{ font-size:22px; color:#333333; padding-top:40px; padding-bottom:10px;}
.df_sjjs li:hover{cursor:pointer;-moz-box-shadow:0px 0px 10px #c5c5c5; -webkit-box-shadow:0px 0px 10px #c5c5c5; box-shadow:0px 0px 10px #c5c5c5;}




.ProductsBgBox{ width:1200px; height:270px; margin-top:20px;}
#gdqe1{width:1130px;height:270px;overflow:hidden;position:relative; float:left;}
#gdqe1 div{width:50000px;}
#gdqe1 li{width:230px; height:270px;float:left; }
#gdqe1 li img{width:210px; height:270px; }
#gdqe1 dd a{ color:#000; text-decoration:none;text-align:center; display:inline;}


/*关于我们*/
.gymenu{ position:absolute; width:100%; min-width:1200px; left:0px; bottom:0px; background:#ff303a;}
.gymenu ul{ width:1200px; height:60px;  margin:0px auto; border-left:1px solid #ff6f75;}
.gymenu li{ height:60px; width:170px; text-align:center; border-right:1px solid #ff6f75; line-height:60px; float:left; font-size:17px; font-weight:bold}
.gymenu li a{ color:#FFF}

.df_gy{ text-align:center; line-height:30px; color:#666666; font-size:14px;}


.df_sonnew{ font-size:13px; width:315px; height:330px; background:#FFF; float: left; margin-top:20px;}
.df_sonnew span{ display:block;}
.df_sonnew p{ padding:0px 20px;}
.df_sonnew p.df_sonnew_t{ font-size:17px; font-weight:bold; padding-bottom:5px; padding-top:15px;}
.df_sonnew p.df_sonnew_more a{ font-size:13px; color:#ff303a}



.df_sonnew_list{ width:855px; overflow:hidden; float:right; margin-top:20px;}
.df_sonnew_list ul{ width:870px;}
.df_sonnew_list li{ float:left; width:420px; height:100px; overflow:hidden; background:#FFF; margin-right:15px; margin-bottom:15px;}
.df_sonnew_list li .df_sonnew_time{ width:100px; border-right:1px solid #f4f4f4; float:left; height:100px; text-align:center; font-family:arial;}
.df_sonnew_list li .df_sonnew_time span{ display:block; font-size:49px; padding-top:25px; padding-bottom:10px;}
.df_sonnew_list li .df_sonnew_font{ width:299px; height:60px; padding:20px 10px;float:left; font-size:14px;}
.df_sonnew_list li a{ display:block}
.df_sonnew_list li:hover .df_sonnew_time ,li:hover .df_sonnew_font{ background:#ff303a; color:#FFF;}

.df_qysh{ width:1200px; overflow:hidden; margin-top:20px;}
.df_qysh ul{ width:1220px;}
.df_qysh li{ width:285px; height:230px; text-align:center; padding-right:20px; float:left;}
.df_qysh li span{ display:block; font-size:14px; padding-top:10px;}



.ny_zblb1{ width:1200px; margin:0px auto;}

.ny_zblb1 li{line-height:50px;font-size:14px;color:#333;float:left;width:100%; background:#fff; margin-top:10px;}
.ny_zblb1 li a{display:block;padding-left:30px;text-decoration:none;color:#333;background: url(../ad/img/icon51.png) no-repeat 1150px; font-size:18px; font-weight:bold}
.ny_zblb1 li span{ border-left:1px dotted #CCC; margin-left:20px;  padding-right:20px; padding-left:20px; font-size:12px; font-weight:normal;}
.ny_zblb1 li a.cur{color:#fff;background:url(../ad/img/icon50.png) no-repeat 1150px #ff303a;text-decoration:none;}

.ny_zblb1 li .Zb{display:none;color:#666; background:#fafafa; padding:30px 30px; overflow:hidden;}

.df_zp_w{ width:550px;}
.df_zp_t{ font-size:16px; color:#333; font-weight:bold} 
.df_zp_f{ line-height:30px;}

.df_lxfont{ float:right; margin-top:20px; width:580px; font-size:14px; line-height:30px;}
.df_lxfont h2{ font-size:22px; color:#ff303a ; padding-bottom:20px; }
.df_lxfont span{ display:block; float:left; color:#999; width:100px; text-align:right;}


/* 标准盒模型 */ 
.ttl{height:18px;} 
.ctt5{ text-align:left;  width:945px; float:right;}
 
.w936{clear:both;width:1200px; margin-top:20px;} 
/* TAB 切换效果 */ 
.tb_{  background: none; width:230px;  color:#fff; float:left; border-right:1px solid #d2d2d2 } 
.tb_ ul{height:24px;} 
.tb_ li{ float:left;height:85px; text-align:right;width:180px; border-bottom:1px solid #d2d2d2; padding-right:50px; padding-top:30px;cursor:pointer; display:inline;} 
.tb_ li h2{ font-size:28px; font-weight:bold; font-family:arial;}
/* 用于控制显示与隐藏的css类   */ 
.normaltab { color:#333333; } 
.hovertab { color:#ff303a;   border-right:2px solid #ff303a;  text-align:center;  } 
.dis{display:block;} 
.undis{display:none;} 

.fzlc_list{ width:945px;}
.fzlc_list ul{}
.fzlc_list li{ background:#FFF; padding:20px 40px; margin-bottom:20px; position:relative; }
.fzlc_list li h2{ font-family:arial; font-size:27px; color:#ff303a; font-weight:bold; padding-bottom:10px;}
.fzlc_list li span{ position: absolute; left:-9px; top:10px;}
.fzlc_list li:hover{cursor:pointer;-moz-box-shadow:0px 0px 10px #c5c5c5; -webkit-box-shadow:0px 0px 10px #c5c5c5; box-shadow:0px 0px 10px #c5c5c5;}



.ryzz .layui-tab{ height:1000px;}
.ryzz ul.layui-tab-title{position: relative;
    left: 0; width:330px; margin:0px auto;
    height: 40px;
    white-space: nowrap;
    font-size: 0; border-bottom-style:none;    transition: all .2s;
    -webkit-transition: all .2s;}


.ryzz .layui-tab-title .layui-this{ background:#ff303a; color:#FFF; border:1px solid #ff303a; } 
.ryzz .layui-tab-title li{ width:150px; height:40px; background:#FFF; border:1px solid #e3e3e3; padding:0px; margin:0px 5px; overflow:hidden;} 

.ryzz .layui-tab-title .layui-this:after{ display:none}



#zSlider{margin:0px auto; width:1200px; overflow:hidden; background:url(../ad/img/bg.png) no-repeat; height:530px; margin-top:20px;}
#picshow{position:relative;}
#picshow,#picshow_img{width:525px; height:530px; background:rgba(0,0,0,.2); overflow:hidden; float:left;}
#picshow_img li{width:525px; height:530px; text-align:center; overflow:hidden; float:left; display:none;}
#picshow_img li img{ width:75%; height:auto; margin-top:20%;}
#picshow_img li div{ color:#FFF; line-height:40px; font-size:14px;}

#select_btn{width:675px; height:530px; color:#111; float:right; display:inline; background:rgba(247,26,44,.5);}
#select_btn ul{ height:300px; overflow-y:scroll; }
#select_btn li{ width:190px; height:130px;  cursor:pointer; float:left; margin-left:25px; margin-bottom:20px; background:#eca2a6} 
#select_btn li a{width:190px; height:130px; color:#000;display:block;}
#select_btn img{ width:186px; height:126px; float:left; margin-top:2PX; margin-left:2PX;}

.ry_t{ font-size:22px; color:#FFF; padding:60px 25px 30px 25px;}
#select_btn ::-webkit-scrollbar {  
  width: 14px;  
  height: 14px;  
}  
  
#select_btn ::-webkit-scrollbar-track,  
::-webkit-scrollbar-thumb {  
  border-radius: 999px;  
  border: 5px solid transparent;  
}  
  
#select_btn ::-webkit-scrollbar-track {  
  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;  
}  
  
#select_btn ::-webkit-scrollbar-thumb {  
  min-height: 20px;  
  background-clip: content-box;  
  box-shadow: 0 0 0 5px rgba(255,48,58,.9) inset;  
}  
  
#select_btn ::-webkit-scrollbar-corner {  
  background: transparent;  
}  



#select_btn li.current{ background:#FFF;}
#select_btn li.current:hover{ background:#FFF; }








/*解决方案*/
.df_sonbanner05{ background: #0e0e0e url(../ad/img/jjfa.jpg) no-repeat center; height:600px; min-width:1200px; position:relative;}

.df_jjanlist{ width:1200px;}
.df_jjanlist ul{ width:1230px;}
.df_jjanlist li{ width:280px; height:205px; background:#f4f4f4; float:left; margin-right:27px; margin-top:27px; text-align:center; font-size:22px;}
.df_jjanlist li span{ display:block; padding-top:40px; padding-bottom:20px;}
.df_jjanlist li:hover{-moz-box-shadow:0px 0px 15px #cccccc; -webkit-box-shadow:0px 0px 15px #cccccc; box-shadow:0px 0px 15px #cccccc; cursor:pointer}




/*登录*/
.df_sonbanner06{ background: #0e0e0e url(../ad/img/login.jpg) no-repeat center; height:600px; min-width:1200px; position:relative;}

.df_dlbox{ width:320px; height:320px; background:#FFF; float:right; margin-top:200px; padding:30px;}
.df_dl_t{ font-size:18px; font-weight:bold; color:#333}

.df_dl_input{ width:320px; height:40px; border:1px solid #d7d8d9; margin-top:20px;}
.df_dl_input input{ width:300px; font-size:15px; color:#666; height:40px; border:none; padding:0px 10px;}
.df_dl_input_box{ width:320px;  margin-top:20px;}
.df_dl_input01{ width:235px; height:40px; border:1px solid #d7d8d9;}
.df_dl_input01 input{ width:215px; font-size:15px; color:#666; height:40px; border:none; padding:0px 10px;}

.df_dl_anniu{ width:320px; height:40px; line-height:40px; background:#ff303a; margin-top:20px; text-align:center;}
.df_dl_anniu a{ display:block; color:#FFF}
.df_dl_dl{ font-size:12px; padding-top:10px; color:#666666}
.df_dl_dl a{ color:#666}

.df_dl_qt{ text-align:center; margin-top:15px;}
.df_dl_qt a{ text-align:center; padding:0px 2px;}


.df_zcbg{ background:#fff;  padding:60px;}

.df_zc_title{ text-align:center; font-size:35px; padding-bottom:20px;}
.df_zc_input{ width:378px; height:40px; border:1px solid #d7d8d9; margin:0px auto; margin-top:10px; background:#FFF}
.df_zc_input input{width:358px; height:40px; color:#7d7d7d; font-size:14px; border:none; background:none; padding:0px 10px;}
.df_zc_f{ width:378px; margin:0px auto; font-size:12px; color:#d5d5d5; line-height:30px;}
.df_zc_f span{ color:#ff303a; padding-right:10px; display:block; float:left}


.df_zc_input_box{ width:380px; margin:0px auto; margin-top:10px; overflow:hidden; }
.df_zc_select{width:118px; height:40px; overflow: hidden;border:1px solid #d7d8d9; margin-right:10px; }
.df_zc_select select{ width:118px; height:40px; border:none; background:none; font-size:13px; color:#999; padding:0px 10px;}

.df_zc_input01{ width:242px; height:40px; border:1px solid #d7d8d9; background:#FFF}
.df_zc_input01 input{width:222px; height:40px; color:#999; font-size:13px; border:none; background:none; padding:0px 10px;}

.df_zc_anniu{ width:380px; height:50px; line-height:50px; text-align:center; color:#FFF; margin:0px auto; margin-top:20px}
.df_zc_anniu input.bnt{ width:380px; height:50px; line-height:50px; text-align:center; color:#FFF; background:#ff303a; display:block; cursor:pointer }
.df_zc_anniu a{ display:block; color:#FFF}

.df_zc_tk{  width:380px; margin:0px auto; font-size:13px; margin-top:15px;}
.df_zc_tk a{ color:#ff303a}





/*客服*/
.cndns-right{position:fixed;right:0px;top:50%;margin-top:-100px;z-index:100000; width:50px;}
.cndns-right-meau{position:relative;  }
.cndns-right-btn{width:50px;height:115px;border:1px solid #e11a24;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#e11a24; border-radius:6px; padding-top:15px;}
.cndns-right-btn01{width:50px;height:30px;border:1px solid #c10f18;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#c10f18; border-radius:6px; }



.cndns-right-box{position:absolute;top:0px;right:40px;padding-right:25px;display:none;}
.cndns-right-box .box-border{ background:url(../ad/img/kfbg.png)  no-repeat #fff; border:1px solid #FFF; width:605px; height:313px; border-radius:10px;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}

.meau-sev .cndns-right-box .box-border{width:605px; height:266px}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-sev .cndns-right-btn .demo-icon{display:none;}

.kf_left{ float:left; width:355px; padding-top:10px;}
.kf_title{ font-size:16px; color:#e11a24; padding-top:5px; padding-left:30px;}
.kf_list{}
.kf_list ul{ margin-left:30px;}
.kf_list li{ width:95px; height:28px; line-height:28px; border:1PX solid #dbdbdb; border-radius:2px; font-size:14px; float:left; margin-right:10px; margin-top:10px;} 
.kf_list li a{ display:block;height:26px; line-height:26px;border:1px solid #FFF; border-radius:2px; background:url(../ad/img/ICON67.png) no-repeat 10px center; padding-left:30px}

.kf_list li a:hover{ background:url(../ad/img/ICON68.png) no-repeat 10px center; border:1px solid #ff303a;}
.kf_list li.on a{ background:url(../ad/img/ICON68.png) no-repeat 10px center; color:#ff303a}

.kf_right{ background:#f6f6f6; width:245px; height:257px; float:right; border-radius:0px 10px 10px 0px;padding-top:10px;}

.kf_ann{width:130px; margin-left:30px; height:28px; line-height:28px; border:1PX solid #dbdbdb; border-radius:2px; font-size:13px; margin-right:10px; margin-top:5px;}
.kf_ann a{display:block;height:26px; line-height:26px;border:1px solid #FFF; border-radius:2px; background:url(../ad/img/ICON67.png) no-repeat 10px center; padding-left:30px}
.kf_ann a:hover{ background:url(../ad/img/ICON68.png) no-repeat 10px center; border:1px solid #ff303a;}
.kf_ann a.on{ background:url(../ad/img/ICON68.png) no-repeat 10px center;}

.kf_tel{ font-size:13px; color:#333; line-height:24px; padding-left:30px;}
.kf_tel span{ font-size:13px;  font-family:arial; padding-left:10px;}



.df_bannerfont02{ min-width:1200px; color:#FFF; line-height:31px; position:absolute; top:220px; }
.df_sonbanner07{ background: #0e0e0e url(../ad/img/beian2.jpg) no-repeat center; background-size:100% 100%!important; height:600px; min-width:1200px; position:relative;}
.banner_text{ width:100%; max-width:1200px; margin: 0 auto; margin-top:162px; text-align:center}
.df_beian_anniu{ width:170px; height:45px; line-height:45px; text-align:center; background:#ff303a; margin:0px auto; margin-top:20px;}
.df_beian_anniu a{ display:block; color:#FFF}
.df_sonbanner07 .banner_text  p a,.df_sonbanner07 .banner_text .center p span{color:#fff}
.df_sonbanner07 .banner_text  p a{font-size:14px}

.df_sonbanner07 .banner_text  p span{font-size:18px;display:inline-block;padding:0 20px}
.header-nav-li.header-nav-li--active .df_menu_box {
	display:block
}

.df_sonbanner08{ background: #0e0e0e url(../ad/img/login.jpg) no-repeat center; background-size:100% 100%!important; height:600px; min-width:1200px; position:relative;}
.link li{ float:left; padding-right:30px; margin-top:20px; color:#fff;}
.link li a{ color:#666}
.link li a:hover{ color:#ff303a; text-decoration:underline}


.server-main2-son {
  margin: 0 auto;
  width: 1200px;
}
.server-main2 .server-main2-son .server-main2-son1 {
  overflow: hidden;
  margin-bottom: 0px;
}
.server-main2 .server-main2-son .server-main2-son1 li {
  float: left;
  width: 199px;
  height: 88px;
  font-size: 22px;
  text-align: center;
  line-height: 68px;
}
.server-main2 .server-main2-son .server-main2-son1 li span {
  display: inline-block;
  width: 197px;
  height: 68px;
  border-bottom: 1px solid #dbe0e5;
  border-right: 1px solid #dbe0e5;
  background: #f5f8fa;
  box-shadow: 2px 2px 4px 0 rgba(132,132,132,.2);
}
.server-main2 .server-main2-son .server-main2-son1 li span a {
  display: inline-block;
  width: 100%;
  color: #333;
}
.server-main2 .server-main2-son .server-main2-son1 li.active {
  background: url(../../images/xljx.png) no-repeat center top;
}
.server-main2 .server-main2-son .server-main2-son1 li.active span {
  background: none;
  border: none;
}
.server-main2 .server-main2-son .server-main2-son1 li.active span a {
  color: #fff;
}

.server-main2 .server-main2-son .server-main2-son1 li:hover span {
  border: none;
}
.server-main2 .server-main2-son .server-main2-son1 li:hover span a {
  color: #e71f19;
}
.server-main2 .server-main2-son .server-main2-son1 .active:hover span a {
  color: #fff;
}
.server-main2 .server-main2-son .server-main2-bottom {
  /*overflow: hidden;*/
  margin-top: 10px;
  padding-bottom: 80px;
}
.server-main2 .server-main2-son .server-main2-bottom ul {
  overflow: hidden;
  text-align: center;
  border-bottom: 1px solid #f5f7fa;
  width: 800px;
  margin: 0px auto;

}
.server-main2 .server-main2-son .server-main2-bottom ul li {
  float: left;
  height: 65px;
  line-height: 65px;
  margin-left: 80px;
}
.server-main2 .server-main2-son .server-main2-bottom ul li a {
  display: inline-block;
  font-size: 20px;
  color: #333;
}
.server-main2 .server-main2-son .server-main2-bottom ul .liactive {
  border-bottom: 2px solid #e71f19;
}
.server-main2 .server-main2-son .server-main2-bottom ul .liactive a {
  color: #e71f19;
}


.server-main2-center {
  width: 100%;
  height: 68px;
  background: #47494d;

}
.server-main2-center-left {
  color: #fff;
  width: 184px;
  height: 100%;
  float: left;
  font-size: 18px;
  text-align: center;
  line-height: 68px;
}
.server-main2-center-right {
  color: #a0a0a0;
  width: 1016px;
  float: left;
  height: 68px;

}
.server-main2-center-right p {
  font-size: 14px;
  margin: 0;
  padding: 0px 10px;
  margin-top: 10px;
  height: 52px;
  line-height: 52px;
  box-sizing: border-box;
  border-left: 1px solid #a0a0a0;
  overflow: hidden;
}

.server-main2-table {
  border: 1px solid #dbe0e5;
  border-top: none;
  color: #333;
  display: none;
  box-shadow: 2px 2px 4px 0 rgba(132,132,132,.2);
}
.server-main2-table .table1 {
  width: 100%;
  background: #f0f3f7;
  overflow: hidden;
}
.server-main2-table .table1 span {
  width: 134px;
  float: left;
  text-align: center;
  height: 50px;
  font-size: 18px;
  color: #333;
  line-height: 50px;
}
.server-main2-table .table1 .price {
  width: 194px;
}
.server-main2-table .table-bordertop {
  border-bottom: 1px solid #dbe0e5;
}
.server-main2-table .table2 {
  width: 100%;
  overflow: hidden;
  background:none;
  border-top: 1px solid #f5f7fa;
}


.server-main2-table .table2 span {
  width: 133px;
  float: left;
  overflow: hidden;
  height: 42px;
  font-size: 13px;
  text-align: center;
  color: #333;
  line-height: 42px;
  border-left: 1px solid #f5f7fa    ;
}

.server-main2-table .table2  .money {
  width: 194px;
  color: #e91111;
}
.server-main2-table .table2 .btn1 {
  display: inline-block;
  width: 90px;
  height: 32px;
  background: #ff303a;
  line-height: 32px;
  color: #fff;
  border-radius: 4px;
}

.sjzyxitems li{
	width: 320px;
    background: #FFF;
    padding: 20px;
    margin-right: 30px;
	margin-bottom:10px;

}
.sjzyxitems li:hover {
    box-shadow: 0px 0px 10px #c5c5c5;
    cursor: pointer;
}
.zyxitems-title{height:64px;line-height:64px;text-align:center;color:#ff3333;font-size:15px;border-bottom:1px solid #f1f3f5; width:90%; margin:0 auto;}
.zyxitems-title span{color:#333;font-size:22px;}
.zyxitems-wys{padding:24px 0;overflow:hidden;}
.zyxitems-wys div{float:left;}

.zyxitems-wykj{width:33%;border-right:1px solid #eeeeee;}
.zyxitems-wykj-p1,.zyxitems-yll-p1,.zyxitems-sjkkj-p1{text-align:center;font-size:12px;color:#333;height:24px;line-height:24px;}
.zyxitems-wykj-p1 span,.zyxitems-yll-p1 span,.zyxitems-sjkkj-p1 span{font-size:24px;}
.zyxitems-wykj-p2,.zyxitems-yll-p2,.zyxitems-sjkkj-p2{font-size:12px;color:#aaa;text-align:center;}
.zyxitems-yll{width:33%;border-right:1px solid #eeeeee;}
.zyxitems-sjkkj{width:33%;}
.zyxitems-czxt,.zyxitems-sjk,.zyxitems-zcyy,.zyxitems-jfdq,.zyxitems-yhjg{font-size:14px;color:#3d3d3d;padding-left:22px;}
.zyxitems-sjk{margin-top:5px;}
.zyxitems-zcyy{margin-top:7px;}
.zyxitems-zcyy span{font-size:12px;}
.zyxitems-jfdq{margin-top:6px;}

.zyxitems-yhjg{margin-top:26px;height:34px;line-height:34px;}
.zyxitems-yhjg span{font-size:34px;color:#e8251e;}

.zyxitems-ljxg{margin-top:20px;text-align:center;}
.zyxitems-ljxg a{border-radius:2px;display:inline-block;width:60%;height:48px;line-height:48px;text-align:center;color:#fff;background-color:#e8251e;font-size:16px;margin-top:3px;margin-bottom:3px;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.zyxitems-ljxg a:hover{width:63%; background-color:#ff524c;margin-top:0px;margin-bottom:0px;height:54px;line-height:54px;font-size:18px;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}


/*新服务器租用*/


.gftable{border-collapse:collapse; background:#FFF; font-size:15px; margin-top:20px;}
.gftable td{ border:1px solid #e0e5ee; padding:20px 0px; color:#666}
.gftable tr.gf_tr td{ font-size:17px; color:#333333}
.gftable td.iconfont{ color:#2771b6; font-size:22px;}


.f_t_anniu{ width:100px; height:35px; background:#ff303a; border-radius:4px;}
.f_t_anniu a{ color:#FFF; height: 35px;  line-height: 35px; font-size:15px; display:block}


/* å¨“îˆ™ç°¯ç¼ƒæˆ ç²¶é™î„€î†ç’æî…¸é”›å²€å¢—é‰å†©å¢éˆå¤›ç´é©æ¥ƒå¢—è¹‡å‘¯â”’é”›å±½åŸ—æµ£æ·¨Q:7099174 2020.8.18 */ 
.jiage {
display: inline-block;
font-weight:bolder;
font-size: 22px; 
 background-image: -webkit-linear-gradient(bottom, red, #fd8403, yellow); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 

}
/* å¨“îˆ™ç°¯ç¼ƒæˆ ç²¶é™î„€î†ç’æî…¸é”›å²€å¢—é‰å†©å¢éˆå¤›ç´é©æ¥ƒå¢—è¹‡å‘¯â”’é”›å±½åŸ—æµ£æ·¨Q:7099174 */ 


/* å¨“îˆ™ç°¯ç¼ƒæˆ ç²¶é™î„€î†ç’æî…¸é”›å²€å¢—é‰å†©å¢éˆå¤›ç´é©æ¥ƒå¢—è¹‡å‘¯â”’é”›å±½åŸ—æµ£æ·¨Q:7099174 */ 


.contactout{border:1px solid #e5f5ff;padding:18px 0px;margin:30px 0px;margin-top:-20px;text-align:center;background:url(images/contact-bg1.jpg) no-repeat right top #fff;box-shadow:0 5px 10px -3px rgba(15,61,104,.07)}

.contactout .ec-icon{display:inline-block;width:27px;height:27px;background:url(images/newhost-icon.png) no-repeat 0 0;vertical-align:middle}

.contactout p{padding-top:4px;display:inline-block;padding-left:5px;font-size:16px;line-height:22px;color:#fc7922;vertical-align:middle}

.contactout .ec-qq{display:inline-block;margin:0 40px;padding:0 40px;line-height:40px;border-left:1px solid #cbcbcb;border-right:1px solid #cbcbcb;vertical-align:middle}

.contactout .ec-qq a{font-size:16px;color:#2086ee;vertical-align:middle}
.contactout .ec-qq a i{display:inline-block;width:20px;height:23px;background:url(images/newhost-icon.png) no-repeat 0 -35px;vertical-align:middle;margin-right:8px;margin-top:-2px}
.contactout .ec-tel{font-size:16px;color:#333;vertical-align:middle}.contactout .ec-tel i{display:inline-block;width:18px;height:23px;background:url(images/newhost-icon.png) no-repeat 0 -68px;vertical-align:middle;margin-right:10px}

.table01-flex{width: 100%;box-sizing: border-box;border-top:1px solid #eaebef;border-left:1px solid #eaebef;background-color: #fff;box-sizing: border-box;text-indent: initial;border-spacing: 2px;}
.table01-flex .table-tr{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;vertical-align: inherit;border-color: inherit;}
.table01-flex .table-th{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;box-sizing: border-box;width: 100%;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;justify-content: center;border-right: 1px solid #eaebef;border-bottom: 1px solid #eaebef;background-color: #f5f7fc;white-space: nowrap;padding:20px 5px;font-weight: bold;vertical-align: inherit;text-align: center;}
.table01-flex .table-td{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;box-sizing: border-box;width: 100%;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;border-right: 1px solid #eaebef;border-bottom: 1px solid #eaebef;padding:10px 5px}

.section{padding:50px 0;overflow: hidden;width:100%}
.section-title h2,.section-title h3{font-size:38px;line-height:60px;-webkit-font-smoothing:antialiased;font-weight: bold;position: relative;z-index: 99}
.section-title h2{font-size:30px;line-height:75px;font-weight: normal;}
.section-title{text-align: center;margin-bottom: 60px;}
.section-title p{font-size: 16px;line-height: 30px;max-width: 1380px;width:96%;margin:0 auto}
.white{color:#fff}
/* section14 */
.section14{background-image:url(images/zuyong-yy-bg.jpg);background-color:#121627;background-repeat: no-repeat;background-position: center center;background-size: cover;padding: 80px 0 90px;}
.section14 .section-title{font-size: 30px;font-weight: normal;margin-bottom: 40px}
.block14 li{float: left;width: 16.6666%;color: #fff;font-size: 18px;text-align: center;}
[class^="zuyong-icon"]{display: inline-block;width: 66px;height: 68px;background-image: url(images/zuyong-icons-66_68.png);margin-bottom: 20px;}
.zuyong-icon01{background-position: 0 0;}
.zuyong-icon02{background-position: -66px 0;}
.zuyong-icon03{background-position: -132px 0;}
.zuyong-icon04{background-position: -198px 0;}
.zuyong-icon05{background-position: -264px 0;}
.zuyong-icon06{background-position: -330px 0;}
.section-compared{padding-bottom: 100px;}
.section-compared .section-title{margin-bottom: 40px;}
.compared-box{position: relative;}
.compared-box::before{content: '';position: absolute;top: -19px;bottom: -1px;left: calc(15% - 1px);width: calc(50% + 2px);z-index: 1;background-image: -moz-linear-gradient( 148deg, rgb(124,126,229) 0%, rgb(65,150,254) 100%);background-image: -webkit-linear-gradient( 148deg, rgb(124,126,229) 0%, rgb(65,150,254) 100%);background-image: -ms-linear-gradient( 148deg, rgb(124,126,229) 0%, rgb(65,150,254) 100%);background-image: linear-gradient( 148deg, rgb(124,126,229) 0%, rgb(65,150,254) 100%);box-shadow: 0px 2px 10px 0px rgba(66, 150, 254, 0.52);}
.compared-box{position: relative;}
.compared-box .table-th:nth-child(1){width: 15%;font-size: 14px;font-weight: normal;}
.compared-box .table-th:nth-child(2){width: 50%;font-size: 16px;font-weight: bold;}
.compared-box .table-th:nth-child(3){width: 35%;font-size: 14px;font-weight: normal;}
.compared-box .table-td:nth-child(1){width: 15%;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;text-align: center;}
.compared-box .table-td:nth-child(2){width: 50%;padding-left: 70px;padding-right: 70px;}
.compared-box .table-td:nth-child(3){width: 35%;padding-left: 70px;padding-right: 70px;}
.compared-box .recommend::after{content: '';position: absolute;right: -5px;top: -5px;width: 94px;height: 75px;background-image: url(images/tuijian.png);}
.compared-box .col-highlight{position: relative;padding: 0;}
.compared-box .col-highlight div{position: absolute;top: -20px;left: -1px;right: -1px;height: 80px;line-height: 80px;color: #fff;background-image: -webkit-linear-gradient( 90deg, rgb(124,126,229) 0%, rgb(65,150,254) 100%);background-image: -moz-linear-gradient( 90deg, rgb(124,126,229) 0%, rgb(65,150,254) 100%);background-image: -ms-linear-gradient( 90deg, rgb(124,126,229) 0%, rgb(65,150,254) 100%);background-image: linear-gradient( 90deg, rgb(124,126,229) 0%, rgb(65,150,254) 100%);}
.compared-box .table-th:nth-child(2), .compared-box .table-td:nth-child(2){position: relative;background-color: #f6f8fe;z-index: 2;}
.compared-box .table-td:nth-child(2){position: relative;}
.compared-box .table-td{padding: 20px 5px;}
/*.line-new-status {
    position: absolute;
    width: 32px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 12px;
    font-style: normal;
    background-position: 0px 0px;
}
.line-new-status .defense {
    background-image: url(img/hot-icon.png);
    background-color:#121627;
}
.line-new-status .hot {
    background-image: url(img/new-icon.png);
}
.line-new-status .new {
    background-image: url(img/defense_icon.png);
}*/