body{font-size: 14px; font-family: "Microsoft Yahei"; color:#3d3d3d;}
img{ border:0;}
*{ margin:0; padding:0;}

a{ color:#333333; text-decoration:none;}

a:hover{
	color: #008C2E;
}

li{list-style-type:none;}

#haosou_links a {
  color: #666;
  text-shadow: none;
  text-decoration: none;
  display: inline-block;
  margin: 0 4px 0 8px;
}

#haosou_links>a:hover {
  text-decoration: underline;
}

#haosou_links a.haosou_active {
  color: #3eaf0e;
}

#haosou_search_form {
  margin-bottom: 10px;
  width: 645px;
  position: relative;
}

#haosou_input {
  background: #fff;
  color: #333;
  float: left;
  font-size: 16px;
  width: 450px;
  height: 45px;
  line-height: 30px\9;
  margin-top: 0px;
  outline: none;
  border: 1px solid #d9d9d9;
  box-shadow: none;
  padding: 0px 0px 0px 12px;
  position: relative;
  vertical-align: top;
  text-align: center;
}

  
/* top���� */    .ww{
	width: 1328px;
	height: auto;
	margin-top: 15px;
	overflow: hidden;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}    .ww .left{
	width: 1000px;
	float: left;
	/* background: #ffffff; */
	box-shadow: 0 1px 1px rgba(97,97,97,0.1);
  }    .ww .left .js{
  
width:450px;
  
overflow:hidden;
  
float:left;}    .ww .left .js.right{
  
margin-left:26px;}    .ww .left .js .title{
  
width:450px;
  
height:40px;
  
float:left;
  
line-height:39px;}    .ww .left .js .title
  
ul li{ width:159px;
  
height:40px;
  
text-align:center;
  
float:left;
  
font-size:16px;}   开发者分类目录网
  
www.t bhyb.com  .ww .left .js .rules{ width:448px;
  
overflow:hidden;
  
border:#dcdcdc 1px solid;
  
float:left;}    .rules
  
ul li{ width:430px;
  
overflow:hidden;
  
height:37px;
  
border-bottom:#dcdcdc 1px dashed;
  
margin-left:10px;
  
line-height:37px;}    .rules
  
ul li a:hover{ color:#ff3333;}    .rules
  
ul li.last{ border-bottom:none;}    .rules
  
ul li.first{ margin-top:10px;}        .ww .right .top{
  
width:250px;
  
height:36px;
  
float:left;
  
border-bottom:#dcdcdc 1px dashed;
  
border-top:#0E89D6 2px solid;
  
line-height:36px;
  
font-size:15px;}    .ww .right .tip{
  
width:250px;
  
height:62px;
  
float:left;
  
margin-top:15px;}    .tip_left{
  
width:81px;
  
height:60px;
  
border:#dcdcdc 1px solid;
  
float:left;}    .tip_right{
  
width:140px;
  
height:62px;
  
float:left;
  
margin-left:9px;
  
font-size:10px;
  
line-height:17px;}    .tip_right
  
a{ color:#4aae5f;}    .ww .right .title {
	width: 278px;
	height: 36px;
	float: left;
	border-bottom: #dcdcdc 1px dashed;
	line-height: 36px;
	font-size: 15px;
	background: #ffffff;
	box-shadow: 0 1px 1px rgba(97,97,97,0.1);
}  .ww .right .title
  
b{margin-left:20px;}  .ww .right .text {
	width: 298px;
	overflow: hidden;
	float: left;
	background: #ffffff;
	box-shadow: 0 1px 1px rgba(97,97,97,0.1);
}  .ww .right .text
  
ul{margin-bottom:20px;}  .ww .right .text .left {
  
width: 15px;
  
float: left;
  
margin-top: 9px;    }  开发者分类目录网
  
www.tbhyb.com  .ww .right .text ul li {        width: 215px;
  
height: 15px;
  
line-height: 22px;
  
margin-left: 25px;
  
font-size: 13px;
  
padding: 4px 0px;
  
overflow: hidden;
  
margin-top: 6px;    }    .ww .left .js .title
  
a:hover{ color:#ff3333;}    .ww .right{
	width: 292px;
	float: right;
}        .ww .js .title
  
ul li{ cursor:pointer;}    .ww .js .title
  
ul li.current{ background:url(../images/green.png) no-repeat 0px 40px;
  
position:relative;
  
z-index:3;
  
padding-bottom:6px;
  
background-color:#fff;}    .ww .js
  
ul.ul2{ display:none;}      /*分享*/  .fenxiang{
  
margin-top: 15px;
  
padding: 0px 20px;}      .orange{
  
color:#ea5b23;}    .green{
  
color:#0E89D6;}        /* վ������ */    .ww .table1{
	width: 998px;
	overflow: hidden;
	padding-bottom: 10px;
	float: left;
	margin-bottom: 15px;
}  .ww .table1
  
p {
  line-height: 30px;
  margin-top: 5px;
  }  .ww .table1 .title{
	width: 998px;
	overflow: hidden;
	border-bottom: #dcdcdc 1px dashed;
	line-height: 59px;
	text-align: center;
}    .ww .table1 .times{
  
width:928px;
  
height:22px;
  
margin-top:10px;
  
line-height:22px;
  
float:left;}    .ww .table1 .times
  
ul li{ height:22px;
  
line-height:22px;
  
padding-right:15px;
  
color:#a7a7a7;
  
float:left;
  
font-size:13px;}    .ww .table1 .times
  
ul li.v{ margin-left:20px;}    .ww .table1 .times .shou{
  
width:65px;
  
height:22px;
  
border-radius:3px;
  
float:left;
  
background:#0e89d6;
  
line-height:22px;
  
text-align:center;
  
color:#FFFFFF;
  
font-size:13px;}  开发者分类目录网
  
www.tb hyb.com  .ww .table1 .times .shou:hover{ background:#2a9ce4;}    .ww .table1 .times .shou
  
a{ color:#FFFFFF;}    .ww .table1 .picture{
  
width:199px;
  
height:130px;
  
border:#dcdcdc 1px solid;
  
margin:20px 0 0 20px;
  
float:left;}    .ww .table1 .picture .img{
  
width:185px;
  
height:116px;
  
margin:7px;}    .ww .table1 .main{
  
width:415px;
  
height:125px;
  
margin:25px 0 0 20px;
  
border-right:#dcdcdc 1px solid;
  
float:left;}    .ww .table1 .main
  
ul li{ height:30px;
  
text-align:left;
  
line-height:30px;
  
font-size:16px;}    .ww .table1 .main
  
ul li a{ color:#c81521;}    .ww .table1 .qz{
  
width:250px;
  
height:125px;
  
float:left;
  
margin:25px 0 0 10px;}    .ww .table1 .qz
  
ul li{ height:28px;
  
padding:2px 0px;
  
text-align:right;}    .ww .table1 .qz
  
ul{ float:left;}    .ww .table1 .qz
  
ul .m{ text-align:left;
  
padding-left:4px;}    .ww .table1 .tx{
  
width:888px;
  
overflow:hidden;
  
float:left;
  
margin:20px 0px 0 20px;
  
line-height:27px;
  
font-size:15px; }    .ww .table1 .tx
  
ul li{ height:20px;
  
line-height:20px;
  
float:left;
  
padding:0px 5px;}    .ww .table1 .tx
  
ul li.pd{ padding:0px;}    .ww .table1 .panking{
  
width:411px;
  
height:247px;
  
float:left;
  
margin:0 0 0 46px;}    .panking .tp{
  
width:411px;
  
height:42px;
  
line-height:42px;
  
font-size:16px;
  
text-align:center;}    .panking .table{
  
width:409px;
  
height:205px;
  
float:left;
  
border:#dcdcdc 1px solid;
  
background:url(../images/pank.jpg) no-repeat center;}    .tp2{
  
width:384px;
  
height:205px;
  
float:left;
  
border:#dcdcdc 1px solid;
  
margin:42px 0 0 38px;
  
overflow:hidden;}    .tp2 .xh{
  
width:384px;
  
height:19px;
  
line-height:19px;
  
margin-top:20px;
  
text-align:center;
  
color:#0e89d6;
  
font-size:17px;}    .tp2 .kuang{
  
width:149px;
  
height:62px;
  
margin:20px 0 0 117px;
  
float:left;
  
background:url(../images/shou.jpg) no-repeat center 10px;}    .tp2 .kuang .fen{
  
width:35px;
  
height:23px;
  
margin:10px 0 0 54px;}    .tp2 .kuang .dafen{
  
width:149px;
  
height:19px;
  
float:left;
  
line-height:19px;
  
text-align:center;
  
color:#999999;
  
margin-top:5px;}    .tp2 .kuang:hover{
  
background-color:#2c964d;
  
background: url(../images/shou2.png) no-repeat center 10px;}    .top2 .guild{
  
width:288px;
  
height:44px;
  
background:url(../images/xin-116.gif) no-repeat left 5px;
  
margin:10px 0 0 73px;
  
border:#FF0000 1px solid;}        .ww .table2{
  
width:908px;
  
overflow:hidden;
  
padding:10px 10px 10px 10px;
  
border:#dcdcdc 1px solid;
  
float:left;
  
margin-top:15px;}    .ww .table2 .ping{
  
width:928px;
  
height:44px;
  
border-bottom:#dcdcdc 1px dashed;
  
line-height:44px;
  
font-size:16px;}    .ww .table2 .self{
  
width:888px;
  
height:70px;
  
margin:20px 0 0 20px;
  
float:left;}    .ww .table2 .self .img{
  
width:50px;
  
height:50px;
  
float:left;}  .ww .right .text
  
ul li {
	width: 270px;
	height: 15px;
	line-height: 22px;
	margin-left: 15px;
	font-size: 13px;
	overflow: hidden;
	margin-top: 6px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}  .ww .table2 .self .pj{
  
width:800px;
  
height:70px;
  
float:left;
  
margin-left:15px;}    .pj .name{
  
width:800px;
  
height:19px;
  
line-height:19px;
  
color:#0e89d6;
  
float:left;}    .pj .nei{
  
width:800px;
  
height:25px;
  
margin-top:5px;
  
float:left;}    .pj .time{
  
width:800px;
  
height:20px;
  
line-height:20px;
  
color:#b4b4b4;
  
font-size:13px;
  
float:left;
  
margin-top:5px;}    .pj .time
  
hf{ background:url(../images/sprites.png) no-repeat 0px -105px;}    .pj .time
  
ul li{ height:20px;
  
padding-right:15px;
  
float:left;}  开发者分类目录网
  
www.tbhyb. com  .pj .time ul li a{ color:#b4b4b4;}        .denglu{
  
width:930px;
  
height:17px;
  
margin-top:24px;
  
float:left;
  
line-height:20px;}    .denglu .left{
  
width:88px;
  
height:17px;
  
float:left;
  
line-height:17px;}    .denglu .more{
  
width:40px;
  
height:17px;
  
float:left;
  
margin-left:;}    .denglu .list{
  
width:50px;
  
height:17px;
  
line-height:17px;
  
float:left;
  
text-align:right;
  
background:url(../images/service-icons-color.png) no-repeat 0px 0px;
  
margin-left:8px;
  
margin-right:15px;}    .qq{
  
background-position: 0px -192px;}      /* relsite */  #relsite {
  
background: #fff;
  
padding: 10px;
  
overflow:hidden;
  
border-bottom: 15px solid #ebf6f3;
  
border-top: 15px solid #ebf6f3;}  #relsite
  
h2 {color: #333;
  
font-size: 14px;}  .rellist {}  .rellist
  
li {float: left;
  
font-size: 12px;
  
margin: 1px;
  
padding: 10px 11px 5px 10px;
  
text-align: center;}  .rellist
  
li img {background: #fff;
  
border: solid 1px #e8e8e8;
  
padding: 2px;}  .rellist
  
li strong {display: block;
  
font-weight: normal;
  
height: 15px;
  
overflow: hidden;
  
white-space: nowrap;
  
width: 106px;}  .rellist
  
li a {color: #05c;
  
text-decoration: none;}  .rellist
  
li a:hover {color: #f30;
  
text-decoration: underline;}开发者分类目录网
  
www.tbhyb.co m          #haosou_links a {    color: #666;
  
text-shadow: none;
  
text-decoration: none;
  
display: inline-block;
  
margin: 0 4px 0 8px;  }    #haosou_links>
  
a:hover {    text-decoration: underline;  }    #haosou_links
  
a.haosou_active {    color: #3eaf0e;  }    #haosou_search_form {
  
margin-bottom: 10px;
  
width: 645px;
  
position: relative;  }    #haosou_input {
	background: #fff;
	color: #de1f2c;
	float: left;
	font-size: 16px;
	width: 220px;
	height: 30px;
	line-height: 30px\9;
	margin-top: 0px;
	outline: none;
	border: 1px solid #e2e2e2;
	box-shadow: none;
	position: relative;
	vertical-align: top;
	/* box-shadow: 0 0 8px #D8D8D8; */
	border-radius: 7px 7px 7px 7px;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
  }    #haosou_submit {
	border: 0px #ffffff solid;
	cursor: pointer;
	font-size: 18px;
	top: 8px;
	vertical-align: top;
	width: 30px;
	/* background: url(/images/ss.png) 0px 0px no-repeat; */
	z-index: 999;
	display: block;
	background-size: 28px;
	position: relative;
	right: 40px;
	height: 30px;
	background: url(/images/a1mbzcom-so.png) 0px 0px no-repeat;
	overflow: hidden;
	float: right;
  }
  
border: 0px #ffffff solid;
  
cursor: pointer;
  
border: 0px #ffffff solid;
  
font-size: 18px;
  
top: 7px;
  
vertical-align: top;
  
width: 30px;
  
background: url(/images/ss2.png) 0px 0px no-repeat;
  
z-index: 999;
  
display: block;
  
background-size: 28px;
  
position: relative;
  
right: 40px;
  
height: 30px;
}

.w{ width:1200px;}

Tab24{width:272px; float:right; position: relative;}

/* ͷ�� */
.SW_footer{width:100%;margin-top: 15px;color: #717171;font-size: 14px;height: 60px;background-color: #f5f5f5;border-top: 1px solid #e5e5e5;box-shadow: 0 0 8px #D8D8D8;overflow: hidden;}
.SW_footer .layout{width: 1200px;margin: 0 auto;}
.SW_footer .h1_slogan{height:36px;line-height:36px;background:#3B3B3B;font-size:14px;color:#ccc;}
.SW_footer .h1_slogan span{display: block;height:40px;width:960px;margin:0 auto;letter-spacing:2px;}
.ft{position: relative;padding: 40px 0 30px 0;width:960px;}

.ft .slogan{float:left;width: 260px;height: 61px;margin-top: 20px;margin-right: 35px;}
.ft .slogan a{display:inline-block;width: 250px;height:75px;background: url(../images/www.tbhyb.com.png) no-repeat 0 0;}
.ft .ft_item{color: #FFF;/* background: #666363; */float:left;width:180px;line-height:22px;}
.ft .ft_item a{color:#999;}
.ft h4{height:25px;width:80px;/* text-indent:-9999px; */margin-bottom:10px;/* background: #666363; */}
.ft .a1{background-position: 0 -75px;}
.ft .a2{background-position: -97px -75px;}
.ft .a3{background-position: -198px -75px;}
.ft .a4{background-position: 0 -105px;}
.ft .a5{background-position: -97px -105px;}
.SW_footer .cp{width:850px;margin: 0px auto;text-align:center;line-height: 60px;}
.SW_footer .beian{width:850px;margin:0 auto;padding-bottom:20px;text-align:center;}

.sw-mn{color: #bbb;background-color: #2c2c2c;padding: 0 10px;position: fixed;margin-top: -30px;width: 100%;z-index: 9999;}
.sw-mn, .sw-mn-bd, .sw-mn-l, .sw-mn-r{height: 30px;}
.sw-mn li{float: left;height: 30px;line-height: 30px;}
.sw-mn li em, .sw-mn li span{color: #fff;padding: 0 5px;margin-left: 3px;border-radius: 3px;}
.sw-mn li em{border: 1px solid #bbb;}
.sw-mn li img{width: 30px;height: 30px;vertical-align: top;}
.sw-mn a, .sw-mn a:visited{display: inline-block;float: left;padding: 0 12px;color: #bbb;text-decoration: none;}
.sw-mn a:hover, .sw-mn a.active{color: #fff;background-color: #1d1d1d;text-decoration: none;}
/*
@名称: base
@功能: 重设浏览器默认样式
*/

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html{ color:#000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0; padding:0; }

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }

/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video { display: inline-block; *display: inline; *zoom: 1; }

/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{ font:12px/1.7 '微软雅黑','\5B8B\4F53',Tahoma; }
input,select,textarea{ font-size:100%;outline:none}

/* 去掉各Table cell 的边距并让其边重合 */
table{ border-collapse:collapse; border-spacing:0; }

/* IE bug fixed: th 不继承 text-align*/
th{ text-align:inherit; }

/* 去除默认边框 */
fieldset,img{
	border: 0;
	margin-bottom: 5px;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe{ display:block; }

/* 去掉 firefox 下此元素的边框 */
abbr,acronym{ border:0; font-variant:normal; }

/* 一致的 del 样式 */
del { text-decoration:line-through; }

address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:500; }

/* 去掉列表前的标识, li 会继承 */
ol,ul { list-style:none; }

li{vertical-align:top;}

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 { font-size:100%;  }

q:before,q:after { content:''; }

/* 统一上标和下标 */
sub, sup { line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

a:hover{
	text-decoration: none;
	color: #009933
}





/* 默认不显示下划线，保持页面简洁 */
ins,a { text-decoration:none; outline: none;}
/*a{ hide-focus: expression(this.hideFocus=true); }*/
i, em{ font-style: normal; }
/*屏蔽浏览器textarea拖拉效果*/
textarea{ resize: none; outline-style: none; }
/* 清理浮动 */
.fn-clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.fn-clear { zoom:1; /* for IE6 IE7 */}

/* 隐藏, 通常用来与 JS 配合 */
body .fn-hide { display:none; }

/* 设置内联, 减少浮动带来的bug */
.fn-left,.fn-right { display:inline; }
.fn-left { float:left; }
.fn-right { float:right; }
form{padding: 0px;margin: 0px;}
/*间距等样式*/
.mt30{
    margin-top: 30px;
}
.mt20{
    margin-top: 20px;
}

.mt15{

    margin-top: 15px;
}

.mt10{

    margin-top: 10px;
}





/*公共样式*/

body{
	overflow-x: hidden;
	background-color: #E1E1E1;
}



.wrap{

    width: 980px;
    margin:  0 auto;
}
.wrap1240{
    width: 1240px;
    margin:  0 auto;
}
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/*头部*/
.top-layout{
    background-color: #fff;
    height: 90px;
    border-bottom: 2px solid #3eaf0f;
}
.top-wrap{
    width: 1240px;
    margin: 0 auto;
    height: 90px;
}
.top-layout h1{
    float: left;
    margin-top: 13px;
}
.top-layout h1 a{
    text-indent: -9999px;
    display: block;
    background: url(../images/logo.png) no-repeat;
    height: 60px;
    width: 200px;
}
.top-ad{
    float: left;
    margin-left: 22px;
    display: inline;
    margin-top: 14px;
}
.top-ad img{
    width: 220px;
    height: 64px;
    display: block;
}
.search-wrap{
    float: left;
}
.search-wrap form{
    float: left;
    margin-left: 118px;
    display: inline;
    margin-top: 26px;
}
.search-l{
    float: left;
    border: 1px solid #e8e8e8;
    border-right: 0px;
    width: 374px;
    height: 36px;
}
.search-l i{
    color: #e8e8e8;
    margin-left: 6px;
    float: left;
    display: inline;
    line-height: 36px;
}
.search-l input{
    color: #666;
    height: 34px;
    line-height: 34px;
    border: 0px;
    padding-left: 10px;
    width: 340px;
}
.search-btn{
    border: 0px;
    background-color: #3eaf0f;
    width: 58px;
    height: 38px;
    float: left;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.search-btn:active{
    background-color: #348e0e;
}
.top-layout-r{
    float: right;
}
.top-layout-r a{

}
.top-layout-r a i{

}
.top-record{
    float: right;
    position: relative;

}
.top-layout-r a.client{
    float: right;
    margin-right: 16px;
    color: #333333;
    font-size: 14px;
    margin-top: 30px;
}
.top-layout-r a.client i{
    font-size: 20px;
    margin-right: 6px;
}
.top-record{

    float: right;
    margin-top: 25px;
}
.top-record a.record{
    color: #333333;
    font-size: 14px;
}
.top-record a.record i{
    font-size: 24px;
    margin-right: 6px;
}
.top-record a.record:hover,.top-layout-r a.client:hover{
    text-decoration: none;
    color: #3eaf0f;
}
.top-record-con{
    display: none;
    position: absolute;
    top: 38px;
    right: 0px;
    width: 232px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    background-color: #ffffff;
    z-index: 22;
}
.top-record-on a.record{
    color: #3eaf0f;
}
.top-record-on .top-record-con{
    display: block;
}
.top-record-con i.record-ico{
    position: absolute;
    right: 25px;
    top: -9px;
    height: 16px;
    line-height: 16px;
    color: #3eaf0f;
}
.top-record-layout{
    width: 232px;
    border-top: 4px solid #3eaf0f;
}
.clear-record{
    height: 30px;
    line-height: 30px;
    text-align: right;
    padding-right: 10px;
}
.clear-record a{
    color: #666;
}
.top-record-layout ul {

}
.top-record-layout ul li{
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
}
.top-record-layout ul li a{
    color: #666;
}
.top-record-layout ul li.on,.top-record-layout ul li:hover{
    background-color: #f4f4f4;
}
.top-record-layout ul li a.top-record-show{
    float: left;
    width: 188px;
}
.top-record-layout ul li a.top-record-show span{

    width: 96px;

    height: 30px;
    overflow: hidden;
    float: left;

}
.top-record-layout ul li a.top-record-show em{

    width: 92px;
    text-align: right;
    height: 30;
    overflow: hidden;
    float: right;
}
.top-record-layout ul li a.top-record-clear{
    float: right;
    margin-left: 8px;
    display: inline;
    height: 30px;
    line-height: 30px;
}
.top-record-layout ul li a.top-record-clear i{
    color: #666;
    display: none;
}
.top-record-layout ul li.on a.top-record-clear i,.top-record-layout ul li:hover a.top-record-clear i{
    display: block;
}
.top-record-layout ul li a.top-record-clear:hover i{
    color: #3eaf0f;
}
/*轮播图以及导航*/
.banner-layout{
    height: 455px;
    position: relative;
}
/*导航*/
.navgation-layout{
    width: 100%;
    background-color: #fff;
    height: 40px;
    position: relative;
}
.navgation-shodw{
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 10px;
    background: url(../images/nav-bg.png) repeat-x;
}
.navgation-wrap{
    width: 1240px;
    margin: 0 auto;
    height: 40px;
}
.navgation-left{
    float: left;
    padding-left: 2px;
    height: 40px;
    line-height: 40px;
}
.navgation-left a{
    float: left;
    font-size: 16px;
    color: #666666;
    margin-right: 30px;
    position: relative;
}
.navgation-left a i{
    display: none;
}
.navgation-left a.on i{

}
.navgation-left a.on,.navgation-left a:hover{
    color: #3eaf0e;
}
.navgation-right{
    float: right;
    height: 40px;
    line-height: 40px;
}
.navgation-right a{
    color: #666;
    font-size: 14px;
    float: left;
    margin-left: 20px;
}
.navgation-right a:hover{
    color: #3eaf0f;
}
/*轮播*/
.banner-wrap{
    height: 455px;
    position: relative;
    overflow: hidden;
}
.banner-slider{
    height: 455px;
    overflow: hidden;
}
.banner{
    height: 455px;
    position: relative;
    width: 100%;
}
.banner-b-img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    cursor: pointer;
}
.banner-b-img a{
    display: block;
    width: 100%;
    height: 455px;
    background-position: center center;
}
.banner-b-img a img{
    height: 455px;
}
.banner-smile{
    position: absolute;
    bottom: 15px;
    text-align: center;
    left: 50%;
    height: 85px;
    /*overflow: hidden;*/
    margin-left: -620px;
    width: 1240px;
    z-index: 12;
}
.banner-smile-bg{
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #000;
    opacity: 0.5;
    filter:alpha(opacity=50);
    height: 85px;
    width: 1240px;
}
.banner-smile-layout {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 1240px;
    height: 85px;
    z-index: 2;
}
.banner-s-icon{
    float: left;
    height: 62px;
    width: 62px;
    line-height: 62px;
    margin : 12px 0px 0px 12px;
}
.banner-s-icon i{
    color: #ff6d00;
    font-size: 62px;
}
.banner-s-tit{
    float: left;
    margin-left: 10px;
    display: inline;
}
.banner-s-t{
    display: none;
    width: 190px;
    overflow: hidden;
}
.banner-s-on{
    display: block;
}
.banner-s-t P{
    color: #fff;
    font-size: 14px;
    text-align: left;
    height: 23px;
    overflow: hidden;
}
.banner-s-t p.banner-s-h3{
    font-size: 20px;
    margin-top: 10px;
    height: 34px;
    overflow: hidden;
}
.banner-s-s{
    float: left;
    margin-left: 50px;
    display: inline;
    margin-top: 9px;
    width: 834px;
    overflow: hidden;
    height: 70px;
    position: relative;
}
.banner-s-s-slide{
    width: 100000px;
    position: absolute;
    left: 0;
    top: 0;
}
.banner-s-s a{
    width: 135px;
    height: 66px;
    display: block;
    float: left;
    /*margin-left: 6px;*/
    display: inline;
    position: relative;
    border: 2px solid transparent;
}
.banner-s-s a i{
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 66px;
    width: 135px;
    background-color: #000;

    opacity: 0.5;
    filter:alpha(opacity=50);
}

.banner-s-s a.on{
    border: 2px solid #3eaf0f;
}
.banner-s-s a.on i{
    display: none;
}
.banner-s-s a img{
    display: block;
    width: 135px;
    height: 66px;
}
.banner-s-r{
    float: right;
    width: 70px;
    margin-top: 16px;
}
.banner-s-r span{
    color: #fff;
    cursor: pointer;
}
.banner-s-r span i{
    font-size: 32px;
    height: 40px;
    width: 24px;
}
.banner-s-r span:hover{
    color: #ff6d00;
}
/*排序*/
.film-order-by{
    background-color: #f4f4f4;
}
.film-order-layout{
    width: 1240px;
    margin: 0 auto;
    padding: 13px 0 15px 0 ;
}
.film-order-list{
    float: left;
    position: relative;
    border-left: 1px solid #e1e1e1;
    height: 64px;
    margin-left: 15px;
    display: inline;
    margin-top: 17px;
    padding-top: 18px;
}
.order-type{
    width: 300px;
}
.order-des{
    width: 300px;
}
.order-time{
    width: 280px;
}
.order-hot{

}
.film-order-list span{
    background-color: #aaa;
    color: #fff;
    position: absolute;
    left: -15px;
    top: -10px;
    height: 20px;
    line-height: 20px;
    padding: 0 2px 0 7px;
    border-radius: 3px 0px 0px 3px;
}
.film-order-list span i{
    color: #aaa;
    position: absolute;
    right: -18px;
    top: -2px;
    height: 20px;
    font-size: 26px;
}
.film-order-list p{
    margin-top: 6px;
}
.film-order-list p a{
    color: #666;
    font-size: 14px;
    float: left;
    margin-left: 21px;
    display: inline;
    margin-right: 5px;
}
.film-order-list p.film-hotsearch a{
    width: 72px;
    height: 23px;
    line-height: 23px;
    overflow: hidden;
}
.film-order-list p a:hover{
    color: #3eaf0f;
}


/*内容模型*/
.content-box {
    width: 1240px;
    margin: 20px auto 0;
}
.content-box-ad{
    width: 1240px;
    margin: 10px auto 0;
}
.content-box-l{
    width: 960px;
    float: left;
}
.content-box-r{
    float: right;
    width: 250px;
}
/*内容复用模型*/
.box-model{

}
.box-model-tit{
    height: 36px;
}
.box-model-tit h3{
    float: left;
    border-left: 5px solid #3eaf0f;
    padding-left: 10px;
    font-size: 26px;
    color: #333;
    height: 36px;
    line-height: 36px;
    font-weight: normal;
}
.box-model-nav{
    float: left;
    margin-left: 64px;
    display: inline;
    height: 24px;
    margin-top: 6px;
}
.box-model-nav a{
    float: left;
    padding: 0 5px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    color: #666;
    font-size: 14px;
    background-color: #fff;
    margin-right: 8px;
}
.box-model-nav a.on{
    background-color: #3eaf0f;
    color: #fff;
}
.box-model-more{
    float: right;
}
.box-model-more a{
    color: #999;
    display: block;
    margin-top: 6px;
}
.box-model-more a i{
    color: #999;
}
.box-model-more a:hover{
    color: #ff6d00;
}
.box-model-more a:hover i{
    color: #ff6d00;
}
/*今日热点*/
.hot-layout{

}
.hot-icon{
    float: left;
    margin-left: 34px;
    display: inline;
}
.hot-icon i{
    color: #ff6d00;
    font-size: 28px;
    height: 36px;
    line-height: 36px;
    float: left;
}
.hot-srolayout{
    float: left;
    margin-left: 5px;
    display: inline;
    height: 36px;
    overflow: hidden;
}
.hot-srolltext{

    height: 36px;
    overflow: hidden;
}
.hot-icon a{
    color: #666;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    display: block;
}
.hot-icon a:hover{
    color: #3eaf0f;
}
.hot-wrap{
    overflow: hidden;
}
.hot-wrap ul{

}
.hot-wrap ul.hot-zy li.hot-zy-first{
    margin-left: 0px;
}
.hot-wrap ul li{
    float: left;
    margin-left: 15px;
    margin-top: 12px;
    overflow: hidden;
}
.hot-wrap ul li.hot-list{

}
.hot-wrap ul li.hot-list a{

}
.hot-wrap ul li.hot-box-375x255 a.hot-bg-icon{
    position: relative;
    width: 375px;
    height: 255px;
    display: block;
}

.hot-wrap ul li.hot-box-180x100 a.hot-bg-icon{

    position: relative;
    width: 180px;
    height: 100px;
    display: block;
    font-size: 0px;
}
.hot-wrap ul li.hot-box-180x100 a.hot-bg-icon i.yg-icon{

    position: absolute;
    left: 0px;
    top: 0px;
    width: 60px;
    height: 60px;
    background: url(../images/yg-icon.png) no-repeat;
}
.hot-wrap ul li.hot-list a.hot-bg-icon:after {
    visibility: hidden;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0,0,0,.3) url(../images/t01925d53c7bd381a67.png) no-repeat center;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}
.hot-wrap ul li.hot-list a:hover:after {
    visibility: visible;
    opacity: 1;
}
.hot-wrap ul li.hot-list a:hover{
    color: #3eaf0f;
}
.hot-wrap ul li.hot-list a img{
    height: 260px;
    width: 375px;
}
.hot-wrap ul li.hot-list p.hot-t{
    background-color: #f4f4f4;
    font-size: 14px;
    color: #666;
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    *margin-top: -4px;
}
.hot-wrap ul li.hot-list .hot-n{
    background-color: #f4f4f4;
    padding: 0 5px;
}
.hot-wrap ul li.hot-list .hot-n span{
    float: left;
    margin-right: 4px;
}
.hot-wrap ul li.hot-list .hot-n span i{
    color: #ccc;
    font-size: 14px;
}
.hot-wrap ul li.hot-list .hot-n p{
    font-size: 14px;
    color: #999;
    float: left;
    width: 345px;
}
.hot-wrap ul li.hot-list .hot-n p i{
    color: #ccc;
    font-size: 14px;
}
.hot-wrap ul li.hot-box-375x255{
    width: 375px;
    height: 396px;
    margin-left: 0px;
    background-color: #f4f4f4;
}
.hot-wrap ul li.hot-box-375x260{
    width: 375px;
    height: 260px;
    margin-left: 0px;
}
.hot-wrap ul li.hot-box-375x260 a{
    position: relative;
    height: 260px;
    width: 375px;
    overflow: hidden;
    display: block;
}
.hot-wrap ul li.hot-box-375x260 a span.hot-zy-span{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 375px;
    height: 50px;
    z-index: 2;
}
.hot-wrap ul li.hot-box-375x260 span em.play-bg{
    float: left;
    background-color: #ff6d00;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
}
.hot-wrap ul li.hot-box-375x260 span em.play-bg i{
    color: #fff;
    font-size: 30px;
}
.hot-wrap ul li.hot-box-375x260 span span{
    float: left;
    color: #fff;
    margin-left: 10px;
    display: inline;
}
.hot-wrap ul li.hot-box-375x260 span span em{
    display: block;
    width: 304px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}
.hot-wrap ul li.hot-box-375x260 i.hot-zy-bg{
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #000;
    opacity: 0.5;
    filter:alpha(opacity=50);
    height: 50px;
    width: 375px;
}
.hot-wrap ul li.hot-box-375x255 a img{
    width: 375px;
    height: 255px;
    display: block;
}
.hot-wrap ul li.hot-box-375x255 p.hot-t{
    background-color: #f4f4f4;
    font-size: 20px;
    color: #333;
    height: 48px;
    overflow: hidden;
    padding: 8px 5px;
}
.hot-wrap ul li.hot-box-375x255 p.hot-t span{
    display: block;
    height: 48px;
    overflow: hidden;
}
.hot-wrap ul li.hot-box-375x255 p.hot-t span a{
    font-size: 20px;
    color: #333;
}
.hot-wrap ul li.hot-box-375x255 p.hot-t span a:hover{
    color: #3eaf0f;
}
.hot-wrap ul li.hot-box-180x100{
    width: 180px;
    height: 124px;
}
.hot-wrap ul li.hot-box-180x100 a img{
    width: 180px;
    height: 100px;
    display: block;
}

/*电视剧、电影、等模型*/
.box-model-cont{
    display: none;
}
.box-model-cont a.first{
    margin-left: 0px;
}

.box-model-cont a{

    float: left;


    margin-top: 12px;
    margin-left: 15px;
    width: 180px;

    height: 298px;

    overflow: hidden;

}
.box-model-cont a span.box-img{

    display: block;
    width: 180px;
    height: 246px;
    position: relative;
}
.box-model-cont a span.box-img img{
    width: 180px;
    height: 246px;
    display: block;
}
.box-model-cont a span.box-img i.box-img-bg{
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 24px;
    line-height: 24px;
    color: #ffffff;
    text-align: center;
    width: 180px;
    background-color: #000;
    opacity: 0.5;
    filter:alpha(opacity=50);
}
.box-model-cont a span.box-img em{
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 24px;
    line-height: 24px;
    color: #ffffff;
    text-align: center;
    width: 180px;
    z-index: 2;
    font-size: 14px;
}
.box-model-cont a span.box-img em i.box-fs{
    color: #ff6d00;
}
.box-model-cont a span.box-img i.box-img-h-bg{
    display: none;
}
.box-model-cont a span.box-img i.box-img-play{
    display: none;
}
.box-model-cont a span.box-tc{
    background-color: #f4f4f4;
    display: block;
    height: 52px;
    position: relative;
}
.box-model-cont a span.box-tc em.box-tc-t{
    display: block;
    color: #333;
    font-size: 14px;
    padding: 12px 4px 0;
    overflow: hidden;
    height: 23px;
    line-height: 23px;
    width: 140px;
}
.box-model-cont a span.box-tc em.box-tc-c{
    color: #999;
    padding: 0 4px;
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    width: 140px;
}
.box-model-cont a span.box-tc em.box-tc-f{

}
.box-model-cont a:hover{
    background-color: #6dd355;
    width: 180px;
    height: 298px;
    position: relative;
}
.box-model-cont a:hover i.box-img-bg,.box-model-cont a:hover em{
    display: none;
}
.box-model-cont a:hover span.box-img i.box-img-h-bg{
    display: block;
    position: absolute;
    width: 180px;
    height: 246px;
    background-color: #000;
    opacity: 0.5;
    filter:alpha(opacity=50);
    left: 0px;
    top: 0px;
}
.box-model-cont a:hover span.box-img i.box-img-play{
    background: url(../images/play-icon.png) no-repeat;
    height: 60px;
    width: 60px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -30px;
    z-index: 3;
}
.box-model-cont a:hover span.box-tc{
    background-color: #6dd355;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 247px;
}
.box-model-cont a:hover span.box-tc em.box-tc-t,.box-model-cont a:hover span.box-tc em.box-tc-c{
    color: #fff;
}
.box-model-cont span.box-tc em.box-tc-f{
    position: absolute;
    right: 7px;
    top: 12px;
    color: #ff6600;
    display: block;
    font-size: 16px;
}
.box-model-cont a:hover span.box-tc em.box-tc-f{
    right: -25px;
    color: #fff;
}
/*票房榜*/
.piao-fang{

}
.piao-fang h3{
    font-size: 26px;
    color: #333;
    height: 36px;
    line-height: 36px;
    font-weight: normal;
}
.piao-fang-nav{
    margin-top: 12px;
}
.piao-fang-nav a{
    float: left;
    font-size: 14px;
    background-color: #f4f4f4;
    border-left: 0px;
    color: #666;
    height: 36px;
    line-height: 36px;
    width: 124px;
    text-align: center;
    margin-right: 1px;
}
.piao-fang-nav a.on{
    background-color: #3eaf0f;
    color: #fff;
}
.piao-fang-con{

}
.piao-fang-list{

}
.piao-fang-list ul li{
    height: 35px;
    line-height: 35px;
}
.piao-fang-list ul li.piao-fang-bg{
    background-color: #f4f4f4;
}
.piao-fang-list ul li em{
    float: left;
    height: 20px;
    line-height: 20px;
    width: 20px;
    text-align: center;
    color: #fff;
    background-color: #c2c2c2;
    font-size: 14px;
    margin-top: 7px;
    margin-left: 6px;
    display: inline;
}
.piao-fang-list ul li em.first{
    background-color: #ff6d00;
}
.piao-fang-list ul li em.second{
    background-color: #f69852;
}
.piao-fang-list ul li a{
    float: left;
    margin-left: 6px;

    display: inline;
    width: 130px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
}
.piao-fang-list ul li a:hover{
    color: #3eaf0f;
}

.piao-fang-list ul li span{
    float: right;
    padding-right: 10px;
    color: #ff6d00;
    font-size: 14px;
}
/*票房图文*/
.piao-fang-hot{
    position: relative;
    background-color: #f4f4f4;
    margin-top: 25px;
}
.piao-fang-hot a{
    width: 250px;
    display: block;
    height: 120px;
    position: relative;
}
.piao-fang-hot a img{
    width: 250px;
    height: 120px;
    display: block;
}
.piao-fang-hot a i{
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    width: 250px;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background-color: #000;
}
.piao-fang-hot a span{
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    width: 250px;
    color: #fff;
    text-align: center;
}
.piao-fang-hot a:hover span{
    color: #ff6d00;
}
.piao-fang-hot p{
    color: #999;
    line-height: 22px;
    padding: 5px 10px;
    height: 66px;
    overflow: hidden;
}
/*新片速递*/
.xin-pian-layout{
    margin-top: 25px;
    position: relative;
}
.xin-pian-top{
    border-top: 1px solid #e8e8e8;
    position: absolute;
    left: 0px;
    top: 7px;
    width: 960px;
    height: 1px;
    *z-index: 3;
}
.xin-pian-top span{
    position: absolute;
    left: 50%;
    top: -14px;
    margin-left: -61px;
    width: 122px;
    text-align: center;
    background-color: #3eaf0f;
    color: #fff;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
    z-index: 3;
}
.xin-pian-con{

}
.xin-pian-m{
    float: left;
    width: 180px;
    margin-right: 15px;
    display: inline;
    position: relative;
}
.xin-pian-m .yq-icon{
    color: #e8e8e8;
    width: 18px;
    height: 18px;
    line-height: 18px;
    display: block;
    margin: 0 auto 0;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: -2px;
    z-index: 1;
}
.xin-pian-m .zb-icon{
    color: #3eaf0f;
    width: 18px;
    height: 18px;
    line-height: 18px;
    display: block;
    margin: 0 auto 0;
    font-size: 22px;
    z-index: 2;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: -2px;
}
.xin-pian-m .zb-icon{
    display: none;
}




.xin-pic-w {
    margin-top: 40px;
    height: 248px;
    position: relative;
}
.xin-pic-w a{
    display: block;
}
.xin-pic-w a img{
    height: 248px;
    width: 180px;
    display: block;
}
.xin-pic-w i.xin-pian-bg{
    background-color: #000;
    opacity: 0.5;
    filter:alpha(opacity=50);
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 180px;
    height: 52px;
}
.xin-pic-w .xin-pian-f p{
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 47px;
    width: 180px;
    z-index: 2;
    color: #fff;
    padding-top: 5px;
}
.xin-pic-w .xin-pian-f p em{
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 10px;
}
.xin-pian-n{
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    width: 180px;
    height: 248px;
}
.xin-pian-n em.xin-pian-tit{
    font-size: 14px;
    height: 23px;
    line-height: 23px;
    overflow: hidden;
}
.xin-pian-n a{
    color: #fff;
    display: block;
    width: 180px;
    height: 172px;
    padding-top: 76px;
}
.xin-pian-n em{
    padding: 0 12px;
    color: #fff;
    margin-top: 6px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    display: block;
}
.xin-pian-n em i{
    margin-left: 3px;
}
.xin-pian-full-bg{
    position: absolute;
    left: 0px;
    border: 3px solid #3eaf0f;
    background-color: #000;

    opacity: 0.5;
    filter:alpha(opacity=50);

    width: 174px;
    height: 242px;
    top: 0px;
    display: none;
}

.xin-pian-buy{

    display: block;
    background-color: #ff6d00;
    width: 180px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #ffffff;
    margin-top: 10px;
}
.xin-pian-h .yq-icon{
    display: none;
}
.xin-pian-h .zb-icon{
    display: block;
}
a.xin-pian-buy:hover{
    background-color: #ef6905;
    color: #fff;
}
.xin-pian-h .xin-pian-f{
    display: none;
}
.xin-pian-h .xin-pian-n{
    display: block;
}
.xin-pian-h .xin-pian-full-bg{
    display: block;
}
.xx-s{
    color: #f66e08;
}
.xx-n{
    color: #fff;
}
.xin-pian-mr0{
    margin-right: 0px;
}
/*电影快讯*/
.kuai-xun .piao-fang-hot{
    margin-top:12px;
}
.kuai-xun-link{
    padding: 8px 0px;
}
.kuai-xun-link a{
    color: #666;
    font-size: 14px;
    display: block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.kuai-xun-link a i{
    color: #666;
    font-size: 16px;
}
.w250x250{
    height: 250px;
    width: 250px;
    overflow: hidden;
}
.kuai-xun-link a:hover,.kuai-xun-link a:hover i{
    color: #3eaf0f;
}
/*好莱坞影院*/
.hollywood{
    margin-top: 12px;
}
.hollywood a{
    float: left;
    position: relative;
}
.hollywood a.hw-376x180{
    width: 376px;
    height: 180px;
    margin-right: 15px;
}
.hollywood a.hw-376x180 i{
    position: absolute;
    left: 0px;
    width: 376px;
    bottom: 0px;
    height: 52px;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background-color: #000;
}
.hollywood a.hw-376x180 img{
    height: 180px;
    width: 376px;
    display: block;
}
.hollywood a.hw-376x180 span{
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 47px;
    width: 376px;
    z-index: 2;
    color: #fff;
    padding-top: 5px;
}
.hollywood a.hw-376x180 em{
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 10px;
}
.hollywood a.hw-376x180 em.box-tc-t,.hollywood a.hw-376x180 em.box-tc-c{
    width: 315px;
}
.hollywood a.hw-376x180 em.box-tc-f{
    width: 20px;
    position: absolute;
    right: 2px;
    top: 12px;
    color: #ff6600;
    display: block;
    font-size: 20px;
}
.hollywood a.hw-180x376{
    height: 376px;
    width: 180px;
    margin-left: -2px;
}
.hollywood a.hw-180x376 i{
    position: absolute;
    left: 0px;
    width: 180px;
    bottom: 0px;
    height: 52px;
    filter:alpha(opacity=50);
    opacity: 0.5;
    background-color: #000;
}
.hollywood a.hw-180x376 img{
    height: 376px;
    width: 180px;
    display: block;
}
.hollywood a.hw-180x376 span{
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 47px;
    width: 180px;
    z-index: 2;
    color: #fff;
    padding-top: 5px;
}
.hollywood a.hw-180x376 em{
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 10px;
    width: 126px;
}
.hollywood a.hw-180x376 em.box-tc-f{
    position: absolute;
    right: 2px;
    top: 12px;
    color: #ff6600;
    display: block;
    font-size: 20px;
    width: 20px;
}
.hollywood a.hw-180x180{
    width: 180px;
    height: 180px;
    margin-right: 15px;
    margin-top: -179px;
}
.hollywood a.hw-180x180 i{
    position: absolute;
    left: 0px;
    width: 180px;
    bottom: 0px;
    height: 52px;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background-color: #000;
}
.hollywood a.hw-180x180 img{
    width: 180px;
    height: 180px;
    display: block;
}
.hollywood a.hw-180x180 span{
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 47px;
    width: 180px;
    z-index: 2;
    color: #fff;
    padding-top: 5px;
}
.hollywood a.hw-180x180 em{
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 10px;
}

.hollywood a.hw-180x180 em.box-tc-t,.hollywood a.hw-180x180 em.box-tc-c{
    width: 126px;
    overflow: hidden;
}
.hollywood a.hw-180x180 span em.box-tc-f{
    position: absolute;
    right: -7px;

    top: 12px;
    color: #ff6600;
    display: block;
    font-size: 20px;
}
.hollywood a:hover em{
    color: #ff6d00;
}
.hollywood a.hw-180x180:hover em.box-tc-f{
    color: #ff6600;
}
.hollywood a.hw-376x180-mr0{
    margin-right: 0px;
}
.hollywood a.hw-376x180-mr13{
    margin-right: 13px;
}
.hollywood a.hw-180x180-g{
    margin-top: 15px;
    margin-right: 15px;
}
.hollywood a.hw-180x180-mr0{
    margin-right: 0px;
}
/*特色专题*/
.tese-zt{

}
.tese-zt a{
    display: block;
    margin-top: 12px;
}
.tese-zt a img{
    width: 250px;
    height: 117px;
    display: block;
}
/*电影首页左侧通用排版*/
.film-model-layout{

}

.film-model-layout .box-model-cont a{
    margin-left: 20px;
    /* width: 190px; */
}
.film-model-layout .box-model-cont a span.box-img{
    width: 190px;
}
.film-model-layout .box-model-cont a span.box-img img{
    width: 190px;
}
.film-model-layout .box-model-cont a:hover span.box-img i.box-img-h-bg{
    width: 190px;
}

.film-model-layout .box-model-cont a.first{
    margin-left: 0px;
}

/*合作伙伴 友情链接*/
.friend-link{
    margin-top: 12px;
}
.fl-model{
    display: none;
    background-color: #f4f4f4;
}
.fl-friend{
    padding: 10px 0px;
}
.fl-friend a {
    float: left;
    margin-left: 13px;
    display: inline;
}
.fl-friend a img{
    width: 140px;
    height: 70px;
    display: block;
}
.fl-link{
    padding: 10px 0px;
}
.fl-link span{
    float: left;
    width: 110px;
    margin-left: 12px;
    display: inline;
    margin-top: 3px;
}
.fl-link span a{
    color: #666;
}
.fl-link span a:hover{
    color: #3eaf0f;
}
/*底部*/
.foot{
    background-color: #fff;
    margin-top: 30px;
}
.foot-layout{
    padding-top: 1px;
    border-top: 1px solid #e8e8e8;
    background-color: #fff;
}
.foot-wrap{
    background-color: #f4f4f4;
    text-align: center;
    color: #666;
    padding: 20px 0px;
}
.foot-wrap a{
    color: #666;
    margin: 0 4px;
}
.foot-wrap a:hover{
    color: #3eaf0f;
}
.foot-wrap p{
    padding-top: 4px;
}
.foot-wrap .foot-p1{

}
.foot-wrap .foot-p2{

}
/*分辨率变化*/
.g-wide{

}
.g-wide .top-wrap,.g-wide .navgation-wrap{
    width: 1100px;
}
.g-wide .search-wrap{
    margin-left: 50px;
}
.g-wide .content-box{
    width: 1040px;
}
.g-wide .content-box-l{
    width: 765px;
    overflow: hidden;
}
.g-wide .xin-pian-top{
    width: 765px;
}
.g-hide{
    display: none;
}
.g-wide .fl-friend a img{
    width: 115px;
}
.g-wide .fl-link span{
    width: 90px;
}
/*排序*/
.film-order-by{
    background-color: #f4f4f4;
}
.film-order-layout{
    width: 1240px;
    margin: 0 auto;
    padding: 13px 0 15px 0 ;
}
.film-order-list{
    float: left;
    position: relative;
    border-left: 1px solid #e1e1e1;
    height: 64px;
    margin-left: 15px;
    display: inline;
    margin-top: 17px;
    padding-top: 18px;
}
.order-type{
    width: 300px;
}
.order-des{
    width: 300px;
}
.order-time{
    width: 280px;
}
.order-hot{

}
.film-order-list span{
    background-color: #aaa;
    color: #fff;
    position: absolute;
    left: -15px;
    top: -10px;
    height: 20px;
    line-height: 20px;
    padding: 0 2px 0 7px;
    border-radius: 3px 0px 0px 3px;
}
.film-order-list span i{
    color: #aaa;
    position: absolute;
    right: -18px;
    top: -2px;
    height: 20px;
    font-size: 26px;
}
.film-order-list p{
    margin-top: 6px;
}
.film-order-list p a{
    color: #666;
    font-size: 14px;
    float: left;
    margin-left: 21px;
    display: inline;
    margin-right: 5px;
}
.film-order-list p.film-hotsearch a{
    width: 72px;
    height: 23px;
    line-height: 23px;
    overflow: hidden;
}
.film-order-list p a:hover{
    color: #3eaf0f;
}


/*内容模型*/
.content-box {
    width: 1240px;

    margin: 20px auto 0;

}
.content-box-ad{
    width: 1240px;
    margin: 10px auto 0;
}
.content-box-l{
    width: 960px;

    float: left;

}
.content-box-r{
    float: right;
    width: 250px;
}
/*内容复用模型*/

.box-model{

}
.box-model-tit{
    height: 36px;
}
.box-model-tit h3{
    float: left;
    border-left: 5px solid #3eaf0f;

    padding-left: 10px;
    font-size: 26px;
    color: #333;
    height: 36px;
    line-height: 36px;
    font-weight: normal;
}
.box-model-nav{
    float: left;
    margin-left: 64px;
    display: inline;
    height: 24px;
    margin-top: 6px;
}
.box-model-nav a{
    float: left;
    padding: 0 5px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    color: #666;
    font-size: 14px;
    background-color: #fff;
    margin-right: 8px;
}
.box-model-nav a.on{
    background-color: #3eaf0f;
    color: #fff;
}
.box-model-more{
    float: right;
}
.box-model-more a{
    color: #999;
    display: block;
    margin-top: 6px;
}
.box-model-more a i{
    color: #999;
}
.box-model-more a:hover{
    color: #ff6d00;
}
.box-model-more a:hover i{
    color: #ff6d00;
}
/*今日热点*/
.hot-layout{

}
.hot-icon{
    float: left;
    margin-left: 34px;
    display: inline;
}
.hot-icon i{
    color: #ff6d00;
    font-size: 28px;
    height: 36px;
    line-height: 36px;
    float: left;
}
.hot-srolayout{
    float: left;
    margin-left: 5px;
    display: inline;
    height: 36px;
    overflow: hidden;
}
.hot-srolltext{

    height: 36px;
    overflow: hidden;
}
.hot-icon a{
    color: #666;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    display: block;
}
.hot-icon a:hover{
    color: #3eaf0f;
}
.hot-wrap{
    overflow: hidden;
}
.hot-wrap ul{

}
.hot-wrap ul.hot-zy li.hot-zy-first{
    margin-left: 0px;
}
.hot-wrap ul li{
    float: left;
    margin-left: 15px;
    margin-top: 12px;
    overflow: hidden;
}
.hot-wrap ul li.hot-list{

}
.hot-wrap ul li.hot-list a{

}
.hot-wrap ul li.hot-box-375x255 a.hot-bg-icon{
    position: relative;
    width: 375px;
    height: 255px;
    display: block;
}/*内容模型*/
.content-box {
    width: 1220px;
    margin: 20px auto 0;
}
.content-box-ad{
    width: 1240px;
    margin: 10px auto 0;
}
.content-box-l{
    width: 960px;
    float: left;
}
.content-box-r{
    float: right;
    width: 250px;
}
/*内容复用模型*/
.box-model{

}
.box-model-tit{
    height: 36px;
}
.box-model-tit h3{
    float: left;
    border-left: 5px solid #3eaf0f;
    padding-left: 10px;
    font-size: 26px;
    color: #333;
    height: 36px;
    line-height: 36px;

    font-weight: normal;
}
.box-model-nav{
    float: left;
    margin-left: 64px;
    display: inline;
    height: 24px;
    margin-top: 6px;
}
.box-model-nav a{
    float: left;
    padding: 0 5px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    color: #666;
    font-size: 14px;
    background-color: #fff;
    margin-right: 8px;
}
.box-model-nav a.on{
    background-color: #3eaf0f;
    color: #fff;
}
.box-model-more{
    float: right;
}
.box-model-more a{
    color: #999;
    display: block;
    margin-top: 6px;
}
.box-model-more a i{
    color: #999;
}
.box-model-more a:hover{
    color: #ff6d00;
}
.box-model-more a:hover i{
    color: #ff6d00;
}
body,div,ul,li{/* padding:0; */

}
.a1mbzcomtitle i {
	height: 17px;
	margin-right: 6px;
	font-size: 18px;
	display: block;
	float: left;
	margin-top: 9px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #009933;
}
.a1mbzcom-newss-title{}
.a1mbzcom-newss i {
    height: 17px;
    margin-right: 6px;
    font-size: 18px;
    display: block;
    float: left;
    margin-top: 10px;
}
.a1mbzcom-newss-title{
	margin-right: 6px;
	font-size: 18px!important;
	display: block!important;
	float: left;
	color: #009900;
}
.a1mbzcomtitle span{
    float: right;
    font-size: 14px;
}
.a1mbzcomtitle h2{
	float: left;
	font-size: 16px;
	font-weight: normal;
}

.a1mbzcomtitle span a{color: #959595;}
.a1mbzcom-newss{

    width: 250px;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #e2e2e2;
    display: block;
    cursor: pointer;
    color: #666;
    position: relative;
    z-index: 10;
    font-size: 16px;
    float: left;
    margin-left: 10px;
	
    }

.a1mbzcom-newss span{float: right;}
.a1mbzcom-newss span a{
    color: #959595;
    font-size: 14px;
}
.a1mbzcomtitle{
	width: 250px;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #e2e2e2;
	display: block;
	cursor: pointer;
	color: #666;
	position: relative;
	z-index: 10;
	font-size: 16px;
	padding-left: 15px;
	float: left;
    }
.a1mbzcomzx{
    width: 90%;
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #e2e2e2;
    display: block;
    cursor: pointer;
    color: #666;
    position: relative;
    z-index: 10;
    font-size: 16px;
    margin-left: 15px;
    float: left;
    }

.a1mbzcomzx span{
    float: right;
}
.a1mbzcomzx span a{
    color: #959595;
    font-size: 14px;
}
.a1mbzcomzx i {
    height: 17px;
    margin-right: 6px;
    font-size: 18px;
    display: block;
    float: left;
    margin-top: 11px;
}
    
body{
	text-align: left;
	font-family: "微软雅黑";
	font-size: 14px;
}

ul{list-style:none;}
.Menubox {}

/*.Menubox4 ul{margin:0px;padding:0px;}*/

.Menubox4 li{/* float:left; *//* display:block; *//* cursor:pointer; *//* width:95px; *//* text-align:center; *//* color: #36a287; *//* font-weight:bold; *//* position: relative; *//* z-index:10; *//* font-size: 16px; */}


.lefttitle{height: 35px;line-height: 35px;}
.lefttitle a{color: #3EAF0E;}


/*选项卡2*/

#Tab2{width: 272px;  height: 249px;  float: right;  position: relative;  margin-bottom: 1.748px;}

/*菜单class*/

.Menubox {width:100%;height:35px;line-height:35px;position: relative;font-size:15px;border-bottom: 1px solid #e2e2e2;}

/*.Menubox ul{margin:0px;padding:0px;}*/

.Menubox li{}
.Menubox li span{
    color: #999;
    float: right;
    font-size: 14px;
    }
.Menubox li span a{
    color: #999;
    float: right;
    font-size: 14px;
    }

.Menubox li.hover{
    float: left;
    display: block;
    cursor: pointer;
    width: 240px;
    color: #36a287;
    font-weight: bold;
    position: relative;
    z-index: 10;
    font-size: 16px;
    margin-left: 20px;
}

/*内容class*/

.Contentbox{
    float: left;
}

#con_two_1{ width:249px; height:396px; margin:0px 0 0 12px; line-height:25px; font-size:14px; text-align:left;}

#con_two_2{ width:249px; height:396px; margin:0px 0 0 12px; line-height:25px; font-size:14px; text-align:left;}

#con_two_3{ width:249px; height:396px; margin:0px 0 0 12px; line-height:25px; font-size:14px; text-align:left;}

#con_one_4{margin: 0px 0 0 20px;font-size:14px;}
#con_one_1{}
#con_one_2{ width:249px; height:396px; margin:0px 0 0 12px; line-height:25px; font-size:14px; text-align:left;}

#con_one_3{ width:249px; height:396px; margin:0px 0 0 12px; line-height:25px; font-size:14px; text-align:left;}

#con_three_1{ width:249px; height:396px; margin:0px 0 0 12px; line-height:25px; font-size:14px; text-align:left;}

#con_three_2{ width:249px; height:396px; margin:0px 0 0 12px; line-height:25px; font-size:14px; text-align:left;}

.header{
	width: 100%;
	height: 40px;
	background-color: #F5F5F5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	color: #666;
}

.header_bar{
	width: 1328px;
	height: 39px;
	line-height: 39px;
	font-size: 12px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.header_bar .left{/* width:265px; */height:35px;float:left;font-size: 14px;color: #555;font-weight: 200;}

.left a:hover{ color:#009900;}

.header_bar .left2{ width:310px; height:30px; float:left; margin-left:20px; margin-top:5px;}


.header_bar .right li{
	height: 35px;
	float: right;
	line-height: 35px;
	text-align: right;
	width: 85px;
}
.header_bar .right li a{
	line-height: 40px;
	text-align: right;
	color: #333333;
}
.header_bar .right{height:35px;float:right;line-height:35px;text-align:right;}
.header_bar .right a{/* border: #959595 1px solid; */padding: 1px 8px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 3px;color: #666;/* background: #de1f2c; */height: 25px;line-height: 25px;font-weight: 100;font-size: 14px;}

.header_bar .right img{   vertical-align:middle;

}

.right_text{ width:148px; height:35px; float:left;}

.right_logo{ width:56px; height:35px; float:right; margin-top:7px;}





/* logo */

.logo{width:1200px;height: 100px;margin:0 auto;background: #ffffff;}
.logoso{
	width: 100%;
	height: 102px;
	background-color: #FFFFFF;
}


.logo_left{w;
	width: 180px;
	height: 58px;
	float: left;
	margin-top: 1px;
	overflow: hidden;
}
.logo_left img{
	width: 148px;
	height: 49px;
	margin-top: 10px;
	margin-left: 10px;
    /* margin-top: 10px; */
}
.logo_search{
	width: 340px;
	height: 70px;
	float: left;
	margin-top: 28px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 50px;
}

.logo_search_1{
	width: 260px;
	height: 35px;
	float: right;
	margin-top: 18px;
}

.k{ width:470px; height:34px; outline: none; float:left;}

.sou{ width:85px; height:38px; background:#de1f2c; color:#FFFFFF; font-size:18px; font-family:΢���ź�; border:0px; float:left;}

.sou:hover{ background:#2b9be1;}

#search_text{ width:470px; height:42px; background:#FFFFFF; padding:0; font-size:19px;float:left;}

.logo_search_lei{width: 300px;height:20px;float:left;line-height:20px;background:url(../images/t012a88ac34bfe4f63a.png) no-repeat left center;font-size:12.5px;margin-top: 8px;}

.logo_search .lei_text{ width:430px; height:20px; margin-left:20px; float:left;}

.ad{ width:256px; height:84px; float:right; margin-top:20px;}



/* ���� */

.menue{
	width: 100%;
	height: 70px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E9E9E9;
	background-color: #FFF;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); /* 水平偏移 垂直偏移 模糊距离 颜色 */
}

.menue_center{
	width: 1360px;
	height: 59px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.menue_center ul li{
	height: 45px;
	float: left;
	color: #FFFFFF;
	line-height: 45px;
	font-size: 16px;
	text-align: center;
	margin-left: 15px;
	margin-top: 15px;
}

.menue_center ul li a{
	color: #333333;
	font-size: 15px;
}

.menue_center ul li a:hover{
	color: #009900;
}
.menue_center ul li .active{
	color: #009900;
	padding: 8px;
	width: 88px;
	height: 40px;
}
.a1mbz_com-bjcolor{
	color: #06F;
}



.banner{width:1198px;height:34px;margin:0 auto;background: #ffffff;box-shadow: 0 0 8px #D8D8D8;}

.banner_left{ /*width:550px;*/
	height: 39px;
	line-height: 39px;
	font-size: 14px;
	float: left;
	padding-left: 5px;
}

.banner_right{ width:351px; height:34px; line-height:34px; text-align:center; font-size:14px; float:right;}


.banner_right a{color: #5f5d67;float: right;margin-right: 20px;}
.banner_right a img{margin-top: 2px;margin-right: 6px;}

.banner_right a:hover{color: #1b745e;}



/* ���� */

.main{
	width: 1328px;
	height: 1805px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.main_left{
	width: 274px;/* height:1815px; */
	float: right;
}

.main_left .box1{width:272px;height:316px;float:left;background: #ffffff;box-shadow: 0 1px 1px rgba(97,97,97,0.1);}

.box1_title{ width:70px; height:36px; line-height:36px; margin-left:12px; font-size:16px;}

.box1_rotate{ width:249px; height:132px;  margin-left:12px; float:left;border-bottom: #EBEBEB 1px dashed;}

.box1_rotate .picture{ width:246px; height:72px; float:left; margin-left:2px;}

.box1_rotate .text{ width:249px; height:50px; margin-top:5px; float:left;}

.box1_rotate .text ul li{ padding-left:12px;width:250px; height:25px; line-height:25px; float:left; white-space: nowrap; overflow: hidden; font-size:14px; background:url(../images/dian.png) no-repeat left center;}

.box1_text{ width:250px; height:138px;  margin-left:11px; float:left; margin-top:5px;}

.box1_text ul li{ padding-left:12px;width:250px; height:26px; line-height:26px; float:left; white-space: nowrap; overflow: hidden; font-size:14px; background:url(../images/dian.png) no-repeat left center;}



.box2{width:272px;float:left;margin-top:16px;padding: 5px;box-shadow: 0 1px 1px rgba(97,97,97,0.1);}

.box2_tb{ width:90px; height:44px; border-right:#dcdcdc 1px solid; border-bottom:#dcdcdc 1px solid; float:left;}

.box2_tb2{ width:90px; height:44px; border-bottom:#dcdcdc 1px solid; float:left;}

.box4{width: 274px;height: 225px;float:left;background: #ffffff;box-shadow: 0 1px 1px rgba(97,97,97,0.1);box-shadow: 0 0 8px #D8D8D8; border-radius: 5px;}

.box4_news{ width:249px; height:19px; margin-top:15px; line-height:17px; background:url(../images/t01b81e626463a42126.png) no-repeat 0px -227px;}


.box3{width: 274px;float: left;margin-top: 15px;background: #ffffff;box-shadow: 0 1px 1px rgba(97,97,97,0.1);box-shadow: 0 0 8px #D8D8D8; border-radius: 5px;}
.box30_text{ width:249px; height:56px; margin-top:4px; }

.box30_text ul li{height:28px; line-height:28px; float:left; text-align:left; font-size:14px;width: 124px;}
.box3_news{ width:249px; height:19px; margin-top:15px; line-height:17px; background:url(../images/t01b81e626463a42126.png) no-repeat 0px -227px;}
.box3_news4{ width:249px; height:19px; margin-top:15px; line-height:17px; background:url(../images/t01b81e626463a42126.png) no-repeat 0px -227px;}
/*首页左侧资讯*/
.box31{width: 274px;float:left;margin-top: 15px;background: #ffffff;box-shadow: 0 1px 1px rgba(97,97,97,0.1);box-shadow: 0 0 8px #D8D8D8; border-radius: 5px;}

.box31_news{ width:249px; height:19px; margin-top:10px; line-height:17px; background:url(../images/t01b81e626463a42126.png) no-repeat 0px -227px;}
.box31_news4{ width:249px; height:19px; margin-top:15px; line-height:17px; background:url(../images/t01b81e626463a42126.png) no-repeat 0px -227px;}

.box31_news .title{height:17px; float:left; margin-left:22px; color:#de1f2c; font-size:15px;}

.box31_news .more{ width:50x; height:17px; float:right;  color: #999999; font-size:13px;}

.box31_news .more a:hover{ color: #ff3333; text-decoration:underline;}

.box31_news .title a{ color:#de1f2c;}

.box31_news .title a:hover{ color:#de1f2c; text-decoration:underline;}

.box31_text{width: 100%;margin-top:4px;float: left;margin-bottom: 10px;}

.box31_text ul li{height: 29.7px;line-height: 29.7px;float:left;text-align:left;font-size:14px;width: 93%;margin-left: 10px;overflow: hidden;}

.box31_text ul li a:hover{ color:#de1f2c;}
.box31_news4 .title a{ color:#de1f2c;}
.right {
    float: right;
	top: 0;
}
.box31_news4 .title a:hover{ color:#de1f2c; text-decoration:underline;}
/*结束*/

.junshi{ background-position:0px -267px;}

.Finance{ background-position:0px -370px;}

.Finance4{ background-position:0px -370px;}

.sport{ background-position:0px -337px;}

.games{ background-position:0px 0px;}

.mall{ background-position:0px -444px;}

.sale{ background-position:0px -774px;}

.lottery{ background-position:0px -859px;}

.shopping{ background-position:0px -161px;}

.video{ background-position:0px -62px;}

.film{ background-position:0px -29px;}

.novel{ background-position:0px -92px;}

.music{ background-position:0px -129px;}


.lifes{ background-position:0px -814px;}

.health{ background-position:0px -1043px;}

.box3_news .title{height: 17px;  float: left;  margin-left: 22px;  color: #de1f2c;  font-size: 15px;}

.box3_news .more{ width:50x; height:17px; float:right;  color: #999999; font-size:13px;}

.box3_news .more a:hover{ color: #ff3333; text-decoration:underline;}

.box3_news .title a{ color:#de1f2c;}

.box3_news .title a:hover{ color:#de1f2c; text-decoration:underline;}

.box3_text{float: left;margin-bottom: 10px;width: 249px;font-size: 14px;text-align: left;padding: 8px 0 0 25px;float: left;}

.box3_text ul li{width: 83px;height:28px;line-height:28px;float:left;text-align:left;font-size:14px;}

.box3_text ul li a:hover{ color:#de1f2c;}
.box3_news4 .title a{ color:#de1f2c;}

.box3_news4 .title a:hover{ color:#de1f2c; text-decoration:underline;}

.box4_text{
    float: left;
    padding: 8px 0 0 20px;
}

.box4_text ul li{ width:83px; height:28px; line-height:28px; float:left; text-align:left; font-size:14px;}

.box4_text ul li a:hover{ color:#de1f2c;}
 

.main_right{
	width: 1038px;/* height:1815px; */
	float: left;
	margin-right: 15px;
}

.main_right .box4{
	width:1038px;
	height: 200px;
	float:left;
}

.box4_title{
	width:1038px;
	height: 35px;
	float:left;
	line-height: 35px;
	border-bottom: 1px solid #e2e2e2;
}

.box4_title_w{width:130px;height:16px;margin: 10px 0 0 12px;line-height:16px;font-size:16px;float:left;display: block;cursor: pointer;color: #666;position: relative;z-index: 10;}

.box4_title_right{width:490px;height:16px;margin:11px 12px 0 0;line-height:16px;color: #a8a8a8;font-size:14px;text-align:right;float:right;}

.box4_title_right a{color: #bababa;}

.box4 .web{
	width:1038px;
	height: 150px;
	line-height:28px;
	margin-top:13px;
	float:left;
	margin-left: 10px;
}

.box4 .web2{ width:908px; height:29px; line-height:28px; float:left;margin-left: 10px;}

.box4 .web2 ul li{ width:151px; height:29px; float:left; font-size:15px;}
.box4 .web2 ul li span {
    /* border: #ff001e 1px solid; */
    font-size: 12px;
    padding: 0 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 10px;

    color: #ffffff;
    background: #0696cf;
}


.box4 .web ul li{width: 142px;height:29px;float:left;font-size: 14px;overflow: hidden;margin-left: 6px;}
.box4 .web ul li span{/* border: #ff001e 1px solid; */font-size: 12px;padding: 0 3px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 10px;color: #ffffff;background: #f86577;}

.box4 .web ul li.bg{ text-align:left; padding-left:23px; width:127px; background: url(../images/t01b202b030c3b78e54.png) no-repeat left center;}




.f{ background: url(../images/t018ed272907ee30aac.png) no-repeat 25px center;}

.j{ background:url(../images/t01d423b085a759182a.png) no-repeat 23px center;}

.wei{ background:url(../images/t01aea0a7546bbbbf49.jpg) no-repeat 28px center;}

.niu{ background: url(../images/t01ee64a9d4fd11417a.jpg) no-repeat 15px center;}

.yi{ background:url(../images/t0144b10a0163528c1e.jpg) no-repeat 35px center;}

.trip{ background:url(../images/t019a7d57458d1e8cf8.jpg) no-repeat 25px center;}

.xuxian{ width:880px; height:1px; border-bottom: #EAEAEA 1px dashed; margin:5px 14px; float:left;}



.box5{ width:908px; height:256px; border:#dcdcdc 1px solid; float:left; margin-top:19px;}

.box5 .title2{ width:908px; height:40px; border-bottom:#dcdcdc 1px dashed; float:left;}

.box5 .title2 .w{ width:130px; height:16px; background:url(../images/title_x.jpg) no-repeat left; margin:11px 0 0 12px; line-height:16px; padding-left:10px; color:#de1f2c; font-size:16px;}

.box5_wang{
	width:1038px;
	float:left;
	margin-top:13px;
	line-height:28px;
	margin-left: 10px;
}

.box5_wang2{ width:908px; height:30px; float:left; line-height:28px;}

.box5_wang ul li {width: 109px;margin-left:10px;margin-right:9px;height:30px;float:left;font-size: 14px;overflow:hidden;}

.box5_wang2 ul li {width:129px; height:30px; float:left; text-align:center; font-size:15px;}



.box6{ width:908px; height:311px; border:#dcdcdc 1px solid; float:left; margin-top:19px;}

.box6_nav{ width:900px; height:257px; margin-top:13px; float:left; margin-left:4px;}

.box6_nav ul li{ line-height:35px; text-align:left; padding:0 15px; font-size:15px; float: left;}

.box6_nav ul li .duan{ width:112px; overflow:hidden; height:35px; float:left;}

.box6_nav ul li img{ padding-left:8px; float:left; vertical-align:middle;}

.box6_nav ul{ float:left;width:900px;}

.box61_nav{margin-top:13px;float:left;margin-left: 20px;}

.box61_nav ul li{line-height:35px; width:100%;}

.box61_nav ul li h4{ float:left;width: 80px; float:left;display: block;}
.box61_nav ul li h4 a{color: #407cb8;}

.box61_nav ul li span{
	float:left;
	width:96px;
	height:30px;
	overflow:hidden;
	margin-right: 12px;
}

.box61_nav ul li more{ float:right;}

.box7{
	width:1038px;
	height: 325px;
	float:left;
	margin-top: 10px;
	background: #ffffff;
	box-shadow: 0 1px 1px rgba(97,97,97,0.1);
	box-shadow: 0 0 8px #D8D8D8;
	border-radius: 5px;
}

.box8{
	width: 1038px;
	height: 941px;
	float: left;
	margin-top: 15px;
	background: #ffffff;
	box-shadow: 0 1px 1px rgba(97,97,97,0.1);
	box-shadow: 0 0 8px #D8D8D8;
	border-radius: 5px;
}

.green a{ color:#de1f2c;}

.itembox{padding-bottom:10px;margin-bottom:10px;background: #ffffff;}
.itembox ul li{ float:left; width:79px; margin:10px 17px 5px; text-align:center;}
.itembox ul li:hover a{ color:#A12201}
.itembox ul li img{ margin-bottom:5px; border-radius:45px; -webkit-border-radius:45px; -o-border-radius:45px; box-shadow:0 0 5px #111111}
.itembox ul li img:hover{ box-shadow:0 0 10px #d03322;}
.itembox .itemsub{ position:absolute; top:0; left:90px;width:540px; overflow:hidden; height:40px;}
.itembox h2{ color:#666}
.itembox .itemsub a{ display:inline-block; padding:0 6px; font-size:12px; color:#B3B3B3}
.itembox .itemsub a:hover{ color:#A12201}



.inner{ width:1198px;height:220px; margin:0 auto; margin-top:19px; border:#dcdcdc 1px solid;}




.inner_left{ width:398px; height:220px; border-right:#dcdcdc 1px solid; float:left;}

.inner_right{ width:398px; height:220px;float:left;}


.inner_right .title{ width:340px; height:29px; margin:9px 0 0 15px; background:url(../images/t01efbe4fe7043d605a.png) no-repeat 0px -58px ; line-height:29px; padding-left:25px; font-size:16px; color:#de1f2c; float:left;}

.inner_left .title{ width:340px; height:29px; margin:9px 0 0 15px; background:url(../images/t01efbe4fe7043d605a.png) no-repeat 0px 0px ; line-height:29px; padding-left:25px; font-size:16px; color:#de1f2c; float:left;}

.inner_left .title2{ width:340px; height:29px; margin:9px 0 0 15px; background:url(../images/t01efbe4fe7043d605a.png) no-repeat 0px -28px ; line-height:29px; padding-left:25px; font-size:16px; color:#de1f2c; float:left;}

.inner_left .title_right{ width:180px; height:29px; float:right; text-align:right; color:#999999; line-height:29px; font-size:15px;}


.inner_right .title_right{ width:180px; height:29px; float:right; text-align:right; color:#999999; line-height:29px; font-size:15px;}

.inner_left_life{ width:358px; height:170px; margin:5px 0 0 20px;; float:left;}

.inner_left_life ul li{ line-height:28px; text-align:left; padding:0 10px; font-size:15px; float:left; width:90px; overflow:hidden; height:28px;}

.inner_left_life ul{ float:left;}



.content{ width:1198px; height:360px; margin:0 auto; margin-top:120px; border:#dcdcdc 1px solid;}

.content_title{
	width: 1008px;
	height: 40px;
	border-bottom: #dcdcdc 1px dashed;
	float: left;
}


.content_picture{/* width: 210px; *//* margin:19px 0 0 32px; */float:left;padding: 5px 10px;}

.content_picture .top{ width:162px; height:102px; border:#dcdcdc 1px solid; float:left;}

.content_picture .top img{ padding:1px 1px;}





.contentt_title{ width:1198px; height:40px; border-bottom:#dcdcdc 1px dashed; float:left;}

.contentt_picture{ width:162px; height:130px; margin:19px 0 0 32px; float:left;}

.contentt_picture .top{ width:162px; height:102px; border:#dcdcdc 1px solid; float:left;}

.contentt_picture .top img{ padding:1px 1px;}

.contentt_picture .t{ width:162px; height:28px; line-height:28px; float:left; text-align:center; font-size:12px; margin-top:2px; overflow:hidden;}



.content2{ width:1198px; height:332px; margin:0 auto; margin-top:19px; border:#dcdcdc 1px solid;}

.content2_text{ width:1188px; height:265px; margin:8px 0 0 5px; float:left;}

.content2_text ul li span2{ float:right}

.content2_text .left{ width:390px; height:265px; border-right:#dcdcdc 1px dashed; float:left;}

.content2_text .center{ width:390px; height:265px; border-right:#dcdcdc 1px dashed; float:left; margin-left:8px;}

.content2_text .center ul li{ line-height:30px; text-align:left; font-size:15px; padding:0 15px;}

.content2_text .center ul{ float:left; width:390px;}

.content2_text .right{ width:390px; height:265px; float:left; margin-left:8px;}

.content2_text .right ul li{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:30px; text-align:left; font-size:15px; padding:0 15px;}

.content2_text .right ul{ float:left; width:390px;}



.content2_text .left ul li{ line-height:30px; text-align:left; font-size:15px; padding:0 15px;}

.content2_text .left ul{ float:left; width:390px;}


.content2_text .left ul li a:hover{color:#de1f2c;}


.links{ width:1198px; overflow:hidden; margin:0 auto; margin-top:19px; border:#dcdcdc 1px solid;}

.links .title{ width:1198px; height:40px; border-bottom:#dcdcdc 1px dashed; }
.links .title .left{float:left; font-size:16px;color: #de1f2c; line-height: 40px; background: url(../images/title_x.jpg) no-repeat left; margin: 0 0 0 12px; padding-left:15px; width:300px;}
.links .title .right{ float:right; width:800px; text-align:right; line-height:40px; font-size:12px; margin-right:10px;}
.links .linkd{ margin:10px; line-height:30px;}
.links .linkd a{ padding-left:10px;}



.bottom{ width:100%; height:52px; background:#888888; margin-top:20px;}

.bottom_center{ width:1200px; height:52px; line-height:52px; color:#FFFFFF; margin:0 auto;}

.bottom_center .left{ width:645px; height:52px; float:left;}

.bottom_center .left ul li{ float:left; line-height:52px; padding:0 3px; font-size:14px;}

.bottom_center .left ul li a{ color:#FFFFFF;}

.bottom_center .right{ width:520px; height:52px; float:right; text-align:right; line-height:52px; font-size:14px; color:#FFFFFF;}

.guild{ margin-top:25px; overflow:hidden; width:320px; margin-left:25px;}

#allcate {

    border: solid 1px #e8e8e8;


    padding: 10px;

	overflow:hidden;

}


#catebox {

    margin: 5px 0;

}


#catebox h2 {

    color: #333;

    font: normal 14px;

	 margin-left: 30px;

}

#catebox h2 a {

    color: #c81521;

    text-decoration: none;

	font-size:12px;

}

#catebox h2 a:hover {

    color: #f30;

    text-decoration: underline;

}

#catebox h2 em {

    color: #888;


    font: 10px normal;

}

#catebox ul {

    display: block;

    margin-top: 2px;


}
/*帝国模板站开发www.a1mbz.com

本模板由帝国模板站(www.a1mbz.com)官方出品，本站已在国家版权局申请注册著作权证书(证书地址：http://a1mbz.com/images/flml.jpg)，对于盗版贩卖者，本站保留通过法律途径追究其侵权责任的权利，同时保留对侵权者追究赔偿权利。*/

#catebox ul li {

    float: left;

    height: 23px;

    line-height: 23px;

    margin: 1px;

    text-indent: 30px;

    width: 121px;

}

#catebox ul li a {

    color: #444;

    text-decoration: none;

}

#catebox ul li em {

    color: #888;

    font: 10px normal;

}

.clearfix{ clear:both;}


.a1mbzcom-hot{
	width: 278px;
	line-height: 36px;
	font-size: 15px;
	background: #ffffff;
	overflow: hidden;
	box-shadow: 0 0 8px #D8D8D8;
	margin-bottom: 15px;
	border-radius: 3px 3px 3px 3px;
}
.a1mbzcom-hair{
	width: 298px;
	float: left;
	line-height: 36px;
	font-size: 15px;
	background: #ffffff;
	overflow: hidden;
	box-shadow: 0 0 8px #D8D8D8;
	margin-bottom: 15px;
	border-radius: 3px 3px 3px 3px;
}
.a1mbzcom-outclick{
	width: 278px;
	line-height: 36px;
	font-size: 15px;
	background: #ffffff;
	overflow: hidden;
	box-shadow: 0 0 8px #D8D8D8;
	margin-bottom: 15px;
	border-radius: 3px 3px 3px 3px;
}


.a1mbzcom-best{
    border: 1px solid #f00;
    color: #f00;
    float: right;
    padding: 1px 5px 1px 5px;
    margin-left: 10px;
    font-style: normal;
    font-size: 14px;
    box-shadow: 0 0 8px #D8D8D8;
    border-radius: 4px 4px 4px 4px;
}
.a1mbzcom-tops{
    border: 1px solid #6e22f2;
    color: #6e22f2;
    float: right;
    padding: 1px 5px 1px 5px;
    margin-left: 10px;
    font-style: normal;
    font-size: 14px;
    box-shadow: 0 0 8px #D8D8D8;
    border-radius: 4px 4px 4px 4px;
}
.a1mbzcom-guan{
    border: 1px solid #00af64;
    color: #00af64;
    float: right;
    padding: 1px 5px 1px 5px;
    margin-left: 10px;
    font-style: normal;
    font-size: 14px;
    box-shadow: 0 0 8px #D8D8D8;

    border-radius: 4px 4px 4px 4px;
}

.a1mbzcom-list-x{margin-right: 6px;}
.a1mbzcom-list-y{
    margin-right: 6px;
    margin-left: 10px;

}
.a1mbzcom-list-z{
    margin-right: 4px;
}
.a1mbzcom-ad2 {
    margin-bottom: 10px;
}
/*www.a1mbz.com 20180405*/
.a1mbzcom-instat{
	border: 1px solid #d3d3d3;
	background-color: #fff;
	width: 1328px;
	overflow: hidden;
	top: 20px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-radius: 5px 5px 5px 5px; box-shadow: 0 0 8px #D8D8D8;
}
.a1mbzcom-instat-title{
    border-bottom: 1px solid #d3d3d3;
}
.a1mbzcom-instat-title h2{
    font-size: 16px;
    padding: 10px;
    color: #666;
}
.a1mbzcom-instat-list{
    float: left;
}
.a1mbzcom-instat-list ul{}
.a1mbzcom-instat-list ul li{float: left;position: relative;width: 104px;height: 18px;padding: 14px 14px;border-right: 1px solid #eee;border-bottom: 1px solid #eee;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;}
.a1mbzcom-instat-list ul li:nth-of-type(9n+9) {
    margin-right: 0px;
    border-right: 0px solid #eee;
}
.a1mbzcom-instat-list ul li span{
    color: #3d3d3d;
    width: 104px;
}
.a1mbzcom-instat-list ul li a{text-align: center;}
.a1mbzcom-instat-list ul li a img{
    width: 16px;
    height: auto;
    vertical-align: bottom;
    margin-right: 5px;
}

/*20180522 www.a1mbz.com*/
.a1mbz_com-kuaishen{
	width: 1322px;
	/* border: 1px solid #e2e2e2; */
    /* margin-top: 15px; */
    /* box-shadow: 0 0 8px #D8D8D8; */
    /* border-radius: 7px 7px 7px 7px; */
    background: #fff;
	overflow: hidden;
	/* height: 70px; */
    border-top: 1px solid #e2e2e2;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.a1mbz_com-kuaishen ul{}
.a1mbz_com-kuaishen ul li img{
	float: left;
	margin-top: 5px;
}
.a1mbz_com-kuaishen ul li{
    float: left;
    width: 170px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    overflow: hidden;
}
.a1mbz_com-kuaishen ul li a{}
.a1mbz_com-kuaishen-title{
	width: 50px;
	float: left;
	height: 70px;
	text-align: center;
	line-height: 70px;
	font-size: 20px;
	font-weight: bold;
	color: #de1f2c;
}
.a1mbz_com-kuaishen-list{
	width: 1250px;
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.a1mbz_com-kuaishen-fa-thumbs-o-up{
	margin-right: 10px;
	border: 1px solid #e2e2e2;
	color: #0078D7;
	border-radius: 10px;
	margin-left: 10px;
	width: 42px;
	height: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

.a1mbz_com-tuijian{
	width: 1322px;
	/* border: 1px solid #e2e2e2; */
    margin-top: 10px;
	/* box-shadow: 0 0 8px #D8D8D8; */
    /* border-radius: 7px 7px 7px 7px; */
    background: #fff;
	/* overflow: hidden; */
    height: 70px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.a1mbz_com-tuijian ul{}
.a1mbz_com-tuijian ul li{
	float: left;
	width: 125px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
}
.a1mbz_com-tuijian ul li img{
    float: left;
    margin-top: 8px;
}
.a1mbz_com-tuijian ul li a{}
.a1mbz_com-tuijian-title{
	width: 50px;
	float: left;
	height: 70px;
	text-align: center;
	line-height: 70px;
	font-size: 20px;
	font-weight: bold;
	color: #de1f2c;
}
.a1mbz_com-tuijian-list{
	width: 1250px;
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.a1mbz_com-tuijian-fa-thumbs-o-up{
	margin-right: 10px;
	border: 1px solid #e2e2e2;
	color: #339900;
	border-radius: 10px;
	margin-left: 10px;
	width: 42px;
	height: 18px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	
}
.a1mbz_com-box{
	width: 1328px;
	border: 1px solid #E1E1E1;
	margin-top: 15px;
	box-shadow: 0 0 8px #D8D8D8;
	border-radius: 5px 5px 5px 5px;
	background: #fff;
	overflow: hidden;
	height: 160px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.a1mbz_com-ad{
	width: 550px;
	height: 90px;
	float: right;
	margin-top: 5px;
	overflow: hidden;
}
.a1mbz_com-ad ul{}
.a1mbz_com-ad ul li{
    float: left;
    height: 20px;
    margin-right: 10px;
    width: 45px;
    overflow: hidden;
    line-height: 20px;
}
.a1mbz_com-ad ul li:nth-of-type(11n+11) {
    margin-right: 0px;
}
.a1mbz_com-ad ul li a{}
.seat{
    width: 1198px;
    margin: 0 auto;
    margin-top: 12px;
}
.a1mbzcom-content-newsnav{
    margin-right: 5px;
}
.a1mbzcom-pl{
	background: #ffffff;
	box-shadow: 0 1px 1px rgba(97,97,97,0.1);
	margin-bottom: 15px;
	padding: 10px;
	margin-top: 15px;
	overflow: hidden;
	float: left;
	width: 978px;
	border-radius: 7px 7px 7px 7px;
    }

.a1mbz_com-index-ad{
    overflow: hidden;
    width: 908px;
    margin-top: 15px;
    float: left;
}
.a1mbz_com-index-ad ul{}
.a1mbz_com-index-ad ul li{
    float: left;
    margin-right: 10px;
}
.a1mbz_com-index-ad ul li:nth-of-type(3n+3) {
    margin-right: 0px;
}
.a1mbz_com-zx{
	margin-right: 15px;
	width: 335px;
}
.a1mbz_com-zxb{
	margin-right: 0px;
	width: 336px;
}
.seatt {
    width: 1200px;
    height: 16px;
    line-height: 16px;
    margin: 0 auto;
    margin-top: 15px;
    font-size: 13px;
}
.a1mbz_com-link{
    margin-top: 15px;
    background: #ffffff;
    box-shadow: 0 1px 1px rgba(97,97,97,0.1);
    box-shadow: 0 0 8px #D8D8D8;
    width: 1200px;
    margin: 15px auto;
    overflow: hidden;
}
.a1mbz_com-link-title{
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #e2e2e2;
    display: block;
    cursor: pointer;
    color: #666;
    position: relative;
    z-index: 10;
    font-size: 16px;
    padding-left: 15px;
    float: left;
    width: 1200px;
}
.a1mbz_com-link-title-1{
    font-size: 16px;
}
.a1mbz_com-link-title-2{}
.a1mbz_com-link-title-2 a{font-size:14px;float:right;margin-right:30px}
.a1mbzcomxiangyingnav{display: none;}
.a1mbzcomxyd{display: none;}
.heng{
	display: none;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #033;
	width: 100%;
	margin-top: 1px;
	margin-bottom: 1px;
}


.dropdown{
    position:relative;
    display:inline-block;
}
.dropdown span{
	position: relative;
	color: #333;
	line-height: 25px;
	height: 25px;
	width: 65px;
}
.dropdown a{
	position: relative;
	color: #333;
}
.dropdown-content{
	min-width: 100px;
	border: 1px solid #E1E1E1;
	position: absolute;
	display: none;
	background-color: #FFF;
	z-index: 100;
	right: -20px;
	width: 55px;
}
.dropdown.dropdown-content a{
	position: absolute;
	line-height: 30px;
	
}
.dropdown-content .gd{
	height: 32px;
	line-height: 32px;
}
.dropdown:hover .dropdown-content{
    display:block;
}

/*------*/
.m-b-xs{
    margin-bottom: 10px;
}
.m-tb-sm{
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	padding: 8px;

}
.text-center{
    text-align: center;
}
.bold{
    font-weight: 700;
}
/*搜索*/
.banner2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 1px;
	background-position: center center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.search-type, .search-main {
    display: flex;
    width: 100%;
}

.search-type {
	padding-bottom: 1px;
	margin-bottom: 1px;
	white-space: nowrap;
}

.search-type li {
	color: #444;
	font-size: 15px;
	border-radius: 5px;
	white-space: nowrap;
	cursor: pointer;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

.search-type li img {
    max-height: 15px;
    max-width: 15px;
    border-radius: 50px;
    padding: 2px;
    margin-right: 4px;
    background-color: #fff;
}
.search-type li.active {
	color: #fff;
	background-color: #1BB47E;
}
.search-type li:hover {
	color: #16BAAA;
	background-color: rgba(22,186,170, 0.1);
}
.scrollable-wrapper {
  overflow-x: scroll;
  white-space: nowrap;
  position: relative;
  scrollbar-width: thin; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-color: transparent transparent; /* Chrome and Safari */
}
.scrollable-wrapper::-webkit-scrollbar {
  height: 8px;
}
.scrollable-wrapper::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
    background-color: #eaeaea;
}
.sline {
	display: block;
	height: 10px;
	background-image: url(dot.gif);
	background-repeat: repeat-x;
	background-position: center;
}


.layui-contain {
	background-color: #FFFFFF;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}