* {
    padding: 0;
    margin: 0
}

html {
    min-height: 101%
}

body {
    font-family: verdana, arial, tahoma;
    font-size: 12px;
    color: #333
}

div {
    margin: 0 auto
}

ul, ol, li {
    list-style: none
}

a {
    text-decoration: none;
    word-wrap: break-word
}

a:hover {
    text-decoration: underline
}

img {
    border: 0;
    max-width: 100%;
}

.right {
    float: right
}


/* ��� */
#b {
    width: 1200px;
    /*padding: 0 12px;*/
    /*background: #FFF;*/
    position: relative;
    margin: 15px auto 0px;
}

#l {
    width: 838px;
    float: left;
    border-right: 1px solid #DDD;
    padding-right: 10px;
    position: relative
}

#m {
    width: 670px;
    float: left;
    border-right: 1px solid #DDD;
    padding-right: 10px;
    position: relative
}

#r {
    width: 336px;
    float: right;
    padding-bottom: 60px
}

#l1 {
    width: 160px;
    height: 400px;
    float: left;
    margin-right: 10px
}

#r1 {
    width: 1010px;
    float: right;
    padding: 10px 0;
    position: relative
}

/* �������� */
.topbg {
    height: 30px;
    background: url(//img.lanrentuku.com/img/images/a.png) repeat -20px 0
}

.topnav {
    width: 1200px;
    height: 28px;
    line-height: 28px;
    padding: 0 12px
}

.topnav .l {
    float: left;
    color: #999
}

.topnav .r {
    float: right;
    color: #DDD
}

.topnav .r a {
    color: #666;
    cursor: pointer
}

.topnav .r a:hover {
    color: #390
}

/* logo */
#header {
    width: 1200px;
    height: 66px
}

#header .logo img {
    width: 446px;
    height: 42px;
    position: absolute;
    top: 12px;
    left: 12px
}

#header .weibo {
    position: absolute;
    top: 24px;
    right: 6px
}

/* ���� */
#ss {
    width: 1200px;
    height: 32px;
    border-bottom: 1px solid #EEE;
    clear: both
}

.yulu {
    width: 854px;
    height: 25px;
    color: #999;
    overflow: hidden;
    float: left;
    padding-top: 7px
}

.yulu a {
    color: #666
}

.search {
    width: 336px;
    height: 32px;
    line-height: 32px;
    margin-top: 2px;
    float: right
}

.search a {
    text-decoration: none;
    cursor: pointer
}

.search input {
    float: left
}

.sa {
    width: 52px;
    height: 24px;
    line-height: 24px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -99px -82px;
    /*border: 1px solid #ddd;*/
    border-right: 1px solid #eee;
    position: relative;
    float: left;
    color: #666;
    padding-left: 8px;
    z-index: 9
}

.sa_hover {
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -99px -107px
}

.lanmu {
    border: #ddd 1px solid;
    position: absolute;
    width: 60px;
    top: 24px;
    left: -1px;
    z-index: 9
}

.lanmu a {
    height: 26px;
    line-height: 26px;
    display: block;
    padding-left: 10px;
    border-bottom: 1px solid #eee;
    background: #FFF;
    color: #666
}

.lanmu a:hover {
    background: #f6f6f6;
    color: #390
}

.sb {
    width: 193px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ddd;
    border-left: none;
    font-size: 12px;
    color: #CCC;
    padding-left: 4px !important;
    padding-left: 0px
}

.sc {
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -97px -144px;
    border: none;
    width: 76px;
    height: 26px;
    cursor: pointer
}

/* ȫվ���� */
/*#daohang {*/
/*    width: 1200px;*/
/*    height: 36px;*/
/*    background: #333;*/
/*    margin-bottom: 2px;*/
/*    position: relative;*/
/*    z-index: 99*/
/*}*/

.home {
    margin-left: 16px
}

.tab {
    position: relative;
    display: block;
    /*float: left;*/
    cursor: pointer
}

/*.tab .tablink {*/
/*    position: relative;*/
/*    padding: 1px 12px;*/
/*    line-height: 34px;*/
/*    display: block;*/
/*    height: 34px;*/
/*    color: #fff;*/
/*    font-size: 14px;*/
/*    z-index: 99;*/
/*    float: left*/
/*}*/

.tab .tablink a {
    line-height: 34px;
    color: #FFF;
    text-decoration: none
}

.tab:hover {
    background: #FFF
}

/*.tab:hover .tablink {*/
/*    color: #357d13;*/
/*    border: 1px solid #629d2a;*/
/*    padding: 0 11px;*/
/*    text-decoration: none*/
/*}*/

/*.tab:hover .tablink a {*/
/*    color: #357d13*/
/*}*/

/*.dropdown:hover .arwlink {*/
/*    border-bottom: 1px solid #FFF;*/
/*    border-left: 1px solid #629d2a;*/
/*    height: 35px*/
/*}*/

.dropdown ul {
    display: none
}

.dropdown:hover ul {
    position: absolute;
    display: block;
    margin-left: -1px;
    top: 36px;
    left: 1px;
    z-index: 9
}

.subnav {
    width: 250px
}

/*.subnav a {*/
/*    padding: 4px 0 4px 10px;*/
/*    line-height: 18px;*/
/*    width: 70px;*/
/*    display: block;*/
/*    white-space: nowrap;*/
/*    color: #333;*/
/*    float: left*/
/*}*/

/*.subnav :hover {*/
/*    text-decoration: underline;*/
/*    color: #080*/
/*}*/

.dropdown .subnav {
    background: #FFF;
    border: 1px solid #390;
    padding: 8px
}

/* ��� */
#topad {
    width: 1200px;
    padding: 6px 0 8px;
margin: 0 auto;
}

.top968x90 {
    width: 960px;
    float: left
}

.top960x90 {
    width: 960px;
    float: left
}

.top234x90 {
    width: 234px;
    float: right
}

.in856x90 {
    width: 856px;
    float: left;
    margin-bottom: 9px
}

.in336x90 {
    width: 336px;
    float: right
}

.in336x280 {
    width: 336px;
    height: 280px;
    float: right
}

.lb728x90_2 {
    width: 728px;
    margin: 0 0 30px 0;
    overflow: hidden;
    clear: both
}

.lb728x90_3 {
    width: 728px;
    margin: 30px 0;
    overflow: hidden;
    clear: both
}

.lb336x280 {
    width: 336px;
    margin: 20px 0;
    clear: both
}

.lb700x22 {
    width: 700px;
    height: 15px;
    margin: 60px 0 25px;
    clear: both
}

.fy336x280 {
    width: 336px;
    height: 280px;
    margin: 30px 145px;
    clear: both
}

/* ��ǰλ�� */
.place {
    height: 25px;
    border-bottom: 1px solid #EEE;
    color: #666;
    margin: 4px 0 10px
}

.place a {
    color: #666
}

.place a:hover {
    color: #390
}

/* ���� */
.slogan {
    height: 80px;
    margin: 20px 0 9px;
    overflow: hidden
}

.slogan span {
    background: url(//img.lanrentuku.com/img/images/s.png);
    width: 120px;
    height: 80px;
    float: left
}

.text {
    height: 50px;
    line-height: 24px;
    color: #666;
    border: 1px solid #EEE;
    padding: 14px 20px 14px 139px;
    *padding-left: 19px;
    font-size: 13px;
}

.slogan a {
    color: #390;
    text-decoration: underline
}

.slogan a:hover {
    text-decoration: none
}

.slogan .vector {
    background-position: -120px 0
}

.slogan .png {
    background-position: 0 -80px
}

.slogan .psd {
    background-position: -120px -80px
}

.slogan .js {
    background-position: 0 -160px
}

.slogan .tx {
    background-position: -120px -160px
}

.slogan .bg {
    background-position: 0 -240px
}

.slogan .gif {
    background-position: -120px -240px
}

.slogan .qq {
    background-position: 0 -320px
}

.slogan .xixi {
    background-position: -120px -320px
}

/* �Ҳർ�� */
.nav-sub {
    width: 336px;
    display: table;
    margin-bottom: 8px
}

.nav-sub dt {
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
    background: #333
}

.nav-sub dt span {
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    margin-left: 15px;
    float: left
}

.nav-sub dt div {
    width: 16px;
    height: 30px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -85px -60px;
    margin-left: 10px;
    float: left
}

.nav-sub dt a {
    float: right;
    color: #FFF;
    margin-right: 10px;
    filter: alpha(opacity=60)
}

.nav-sub dt a:hover {
    filter: alpha(opacity=100)
}

.nav-sub dd {
    width: 84px;
    height: 30px;
    line-height: 30px;
    float: left;
    text-align: center;
    border-bottom: 1px solid #EEE
}

.nav-sub dd a {
    color: #666;
    border-bottom: 1px solid #EEE;
    line-height: 30px;
    display: block
}

.nav-sub dd a.on {
    color: #390
}

.nav-sub dd a:hover {
    color: #390
}

.nav-sub .jx {
    background: #56B9E0
}

.nav-sub .tx {
    background: #84BB44
}

.l1 dd {
    width: 326px;
    padding-left: 10px;
    text-align: left
}

.l3 dd {
    width: 102px;
    padding-left: 10px;
    text-align: left
}

/* ��ർ�� */
.nav-left {
    width: 158px;
    margin-bottom: 20px;
    border: 1px solid #EEE
}

.nav-left dl {
    padding-bottom: 5px;
    display: table
}

.nav-left dt {
    color: #666;
    font-size: 14px;
    padding: 10px 0 8px 20px;
    position: relative
}

.nav-left dt a {
    color: #CCC;
    font-size: 12px;
    font-weight: normal;
    position: absolute;
    right: 8px
}

.nav-left dd {
    width: 140px;
    height: 32px;
    float: left;
    margin-left: 10px
}

.nav-left dd:hover {
    color: #390;
    background: #F6F6F6
}

.nav-left dd a {
    color: #999;
    border-bottom: 1px solid #FFF;
    line-height: 32px;
    display: block;
    padding-left: 10px
}

.nav-left dd a:hover {
    color: #390;
    text-decoration: none
}

/* �б� */
.list-pic {
    float: left;
    margin-bottom: 12px;
    clear: both
}

.list-pic dd {
    width: 242px;
    height: 212px;
    /*margin: 12px 38px 0 0;*/
    margin: 12px 36px 0 0;
    float: left;
    display: inline
}

.list-pic dd a {
    color: #666;
    height: 194px;
    border-bottom: 4px solid #fff;
    line-height: 30px;
    display: block;
    overflow: hidden
}

.list-pic dd .part{
    width: 240px;
    height: 160px;
    background: url(https://www.lanrentuku.com/images/img-bg.png) center;
    border: 1px solid #EEE;
    text-align: center;
    vertical-align: middle;
    display: block;
    cursor: pointer
}
.list-pic dd .dark-color{
    background: url(https://www.lanrentuku.com/images/img-dark-bg.png) center;
}

.list-pic dd a:hover {
    color: #390;
    border-bottom: 4px solid #333;
    text-decoration: none
}

.list-pic dd img {
    /*width: 240px;*/
    max-height: 160px;
    /*border: 1px solid #EEE*/
}

.list-pic dd i {
    width: 13px;
    height: 13px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -177px -40px;
    float: right;
    margin-top: -26px
}

.list-pic .lb728x90_1 {
    width: 728px;
    height: 90px;
    margin: 12px 0 24px
}

.list-tx {
    float: left;
    margin-bottom: 20px
}

.list-tx dl {
    margin: 10px 0
}

.list-tx dd {
    width: 670px;
    height: 36px;
    float: left;
    display: inline
}

.list-tx dd a {
    color: #666;
    line-height: 36px;
    display: block;
    padding: 0 12px;
    font-size: 14px;
    border-left: 3px solid #fff
}

.list-tx dd a:hover {
    color: #390;
    text-decoration: none;
    background: #F6F6F6;
    border-left: 3px solid #390
}

.list-tx dd span {
    float: right;
    margin: -25px 16px 0 0;
    color: #CCC;
    font-size: 12px
}

.list-tx .line {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #DDD
}

.list-pngjs {
    float: left;
    margin-bottom: 40px
}

.list-pngjs dd {
    width: 282px;
    height: 180px;
    margin: 20px 0 0 36px;
    float: left;
    display: inline
}

.list-pngjs dd a {
    color: #666;
    border-bottom: 4px solid #fff;
    line-height: 30px;
    display: block
}

.list-pngjs dd a:hover {
    color: #390;
    border-bottom: 4px solid #333;
    text-decoration: none
}

.list-pngjs dd span {
    float: right;
    margin-top: -25px;
    color: #BBB;
    font-size: 12px
}

.list-pngjs dd img {
    width: 280px;
    height: 140px;
    border: 1px solid #EEE
}

.list-qq {
    float: left;
    margin-bottom: 12px
}

.list-qq dd {
    width: 242px;
    height: 212px;
    /*margin: 12px 38px 0 0;*/
    margin: 12px 36px 0 0;
    float: left;
    display: inline
}

.list-qq dd a {
    color: #666;
    border-bottom: 4px solid #fff;
    line-height: 30px;
    display: block
}
.list-qq dd a p{
    height: 160px;
}

.list-qq dd a:hover {
    color: #390;
    border-bottom: 4px solid #333;
    text-decoration: none
}

.list-qq dd img {
    margin-top: expression(80-this.height/2);
    max-height: 160px
}

.list-qq dd i {
    width: 13px;
    height: 13px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -177px -40px;
    float: right;
    margin-top: -26px
}

.list-qq dd p.part {
    width: 238px;
    height: 158px;
    border: 1px solid #EEE;
    text-align: center;
    vertical-align: middle;
    display: block;
    background: url(https://www.lanrentuku.com/images/img-bg.png);
    cursor: pointer
}
.list-qq dd p.dark{
    background: url(https://www.lanrentuku.com/images/img-dark-bg.png) center;
}

.list-qq .lb728x90_1 {
    width: 744px;
    height: 90px;
    margin: 12px 0 24px
}

/* ��ҳ */
.dede_pages {
    line-height: 30px;
    clear: both;
    z-index: 999
}

.dede_pages ul {
    float: none;
    display: table
}

.dede_pages ul li {
    float: left;
    margin-right: 4px
}

.dede_pages ul li a {
    float: left;
    padding: 0 10px;
    color: #607C27;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #690;
    text-decoration: none
}

.dede_pages ul li a:hover {
    color: #FFF;
    padding: 0 10px;
    text-decoration: none;
    border: 1px solid #690;
    background: #690
}

.dede_pages ul li.nohref {
    color: #999;
    padding: 0 10px;
    border: 1px solid #DDD
}

.dede_pages ul li.thisclass {
    color: #FFF;
    padding: 0 10px;
    border: 1px solid #690;
    background: #690;
    font-weight: bold
}

/* �ȼ�-50x50 */
.h {
    width: 336px;
    height: 370px
}

.h dt {
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #EEE;
    padding-left: 10px
}

.h dd {
    width: 336px;
    height: 66px;
    line-height: 17px;
    float: left;
    border-bottom: 1px solid #EEE
}

.h dd:hover {
    background: #F6F6F6
}

.h dd a {
    color: #666;
    display: block;
    padding: 8px 10px
}

.h dd a:hover {
    color: #390;
    text-decoration: none
}

.h dd p {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    overflow: hidden
}

.h dd .l {
    color: #999;
    display: block
}

.h dd .t {
    color: #CCC;
    font-size: 10px
}

/* �ȼ�-���� */
.h-t {
    width: 336px;
    height: 316px
}

.h-t dt {
    height: 30px;
    line-height: 30px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #EEE;
    padding-left: 10px
}

.h-t dd {
    width: 336px;
    height: 56px;
    line-height: 17px;
    float: left;
    border-bottom: 1px solid #EEE;
    position: relative
}

.h-t dd:hover {
    background: #F6F6F6
}

.h-t dd a {
    height: 40px;
    display: block;
    padding: 8px 10px;
    color: #666
}

.h-t dd a:hover {
    color: #390;
    text-decoration: none
}

.h-t dd .l {
    color: #CCC;
    position: absolute;
    top: 28px;
    left: 10px
}

.h-t dd .t {
    color: #DDD;
    position: absolute;
    top: 30px;
    left: 72px;
    font-size: 10px
}

/* ���� */
.content-a {
    width: 785px;
    line-height: 26px;
    font-size: 14px;
    float: left;
    border-left: 5px solid #F0F0F0;
    margin-bottom: 45px;
    padding: 10px 15px 0 33px;
    overflow: hidden
}

.content-a img {
    margin: 0 0 12px;
    max-width: 99%;
    height: auto
}

.content-b {
    width: 844px;
    line-height: 30px;
    font-size: 14px;
    float: left;
    margin-bottom: 30px;
    padding: 10px 0;
    overflow: hidden
}

.title {
    width: 793px;
    height: 72px;
    margin: 20px 0;
    border-left: 5px solid #333;
    padding: 4px 10px 4px 32px
}

h1 {
    width: 600px;
    font: 32px "΢���ź�", "Microsoft YaHei";
    color: #333;
    margin-bottom: 6px
}

.title .zuozhe {
    color: #AAA
}

.title span {
    float: right;
    margin-top: -40px
}

.title a {
    color: #390;
    padding: 4px
}

.jieshao {
    border-bottom: 1px dashed #E2E2E2;
    clear: both;
    margin: 12px 0;
    padding-bottom: 10px
}

.xiazai {
}

.ny728x90 {
    font-size: 12px;
    color: #7d7d7d;
    /*margin: 20px 0;*/
    margin: 5px 0;
}

.ny336x280 {
    width: 336px;
    height: 280px;
    margin: 8px 24px 20px 0;
    float: left
}

.tag {
    border-top: 1px dashed #E2E2E2;
    margin-top: 16px;
    padding: 8px 0;
    clear: both;
    font-size: 14px
}

.tag a {
    color: #390;
    margin-right: 10px
}

.content-news p {
    text-indent: 2em;
    margin: 0 0 8px 2px
}

.content-news img {
    margin: 12px 0 10px -30px;
    max-width: 100%;
    height: auto
}

.content-show img {
    margin: 0 16px 16px 0;
    max-width: 100%;
    height: auto
}

/* ͼƬƵ�� */
.content-tupian img {
    margin: 0 0 12px;
    max-width: 98%
}

.tagsearch a {
    color: #666;
    background: #F6F6F6;
    line-height: 22px;
    text-decoration: none;
    margin: 6px 10px 6px 0;
    white-space: nowrap;
    float: left;
    padding: 2px 10px
}

.tagsearch a:hover {
    color: #FFF;
    background: #390
}

.content-png {
    text-align: center
}

.content-png img {
    text-align: center;
    margin: 20px 50px 40px 10px
}

.content-qq img {
    margin: 14px
}

.content-js {
    height: 300px;
    border-bottom: 1px dashed #E2E2E2;
}

.content-js .l {
    width: 410px;
    float: left;
    padding-top: 20px;
    text-align: center
}

.content-js .l img {
    width: 280px;
    height: 140px
}

.content-js .l span {
    margin: 5px;
    font-size: 12px;
    color: #999;
    display: block
}

.content-js .r {
    width: 370px;
    float: right;
    display: block
}

.content-tx {
    width: 780px;
    height: 330px
}

.content-tx .tishi {
    font-size: 12px;
    color: #999
}

.run {
    width: 777px;
    height: 275px;
    font-size: 12px;
    margin-bottom: 10px;
    resize: none
}

.content-bg li,
.content-gif li {
    width: 192px;
    height: 192px;
    border: 1px solid #EEE;
    float: left;
    margin: 14px 14px 0 0;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.content-gif span {
    width: 192px;
    height: 192px;
    text-align: center;
    vertical-align: middle;
    display: table-cell
}

.content-gif span img {
    margin-top: expression(100-this.height/2)
}

.save {
    width: 100%;
    height: 30px;
    line-height: 30px;
    top: 192px;
    left: 0;
    position: absolute;
    color: #fff;
    background: #000;
    font-size: 12px;
    text-align: center;
    opacity: .8;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.save a {
    color: #fff;
    display: block;
    cursor: pointer
}

/* ��ť */
.bt-blue {
    font-size: 14px;
    line-height: 33px;
    background: #00A9C3;
    font-weight: bold;
    color: #FFF;
    padding: 10px 22px 12px;
    margin-right: 12px
}

.bt-blue:hover {
    background: #2CCAF1;
    text-decoration: none;
    color: #ffffff;
}

.bt-green {
    font-size: 14px;
    line-height: 33px;
    background: #1CB927;
    font-weight: bold;
    color: #FFF;
    padding: 10px 22px 12px
}

.bt-green:hover{
    background: #2DD038;
    text-decoration: none;
    color: #ffffff;
}

/* ���ྫ�� */
.more {
    display: inline-flex;
    width: 100%;
    align-items: center;
    white-space: nowrap;
    margin: 5px 0 30px 0;
    border-left: 5px solid #4899E0;
}

.more .l {
    height: 24px;
    padding-left: 20px;
    font-size: 16px;
    color: #000
}

.more .r {
    width: 100%;
    height: 1px;
    background: #EEE;
    margin: 0 12px;
}


/* veer����ҳ */
.veerpic {
    margin-bottom: 40px;
    padding-left: 28px
}

.veerpic img {
    cursor: pointer;
    transition: all 0.2s;
    width: 186px;
    height: 124px;
    margin: 0 8px 6px 0
}

.veerpic img:hover {
    transform: scale(1.10)
}

.more-psd {
    height: 198px;
    margin: 0 0 36px;
    clear: both
}

.more-psd dd {
    width: 242px;
    height: 200px;
    margin-left: 28px;
    float: left
}

.more-psd dd a {
    color: #666;
    border-bottom: 4px solid #fff;
    line-height: 30px;
    display: block;
    width: 100%;
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow:ellipsis;*/
}

.more-psd dd a:hover {
    color: #390;
    border-bottom: 4px solid #333;
    text-decoration: none
}
.more-psd dd.txb-ys-pic{
    margin-bottom: 10px;
}
.more-psd dd p.part{
    width: 242px;
    height: 128px;
    border: 1px solid #EEE;
    text-align: center;
    vertical-align: middle;
    display: block;
    background: url(https://www.lanrentuku.com/images/img-bg.png) center;
    cursor: pointer
}
.more-psd dd p.dark{
    background: url(https://www.lanrentuku.com/images/img-dark-bg.png) center;
}

.more-psd dd img {
    max-width: 240px;
    max-height: 160px;
    width: auto;
    height: auto;
    /*border: 1px solid #EEE*/
}

.more-psd dd i {
    width: 13px;
    height: 13px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -177px -40px;
    float: right;
    margin-top: -26px
}

.more-js {
    height: 158px;
    margin: 0 0 36px;
    clear: both
}

.more-js dd {
    width: 242px;
    height: 160px;
    margin-left: 28px;
    float: left
}

.more-js dd a {
    color: #666;
    border-bottom: 4px solid #fff;
    line-height: 30px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}

.more-js dd a:hover {
    color: #390;
    border-bottom: 4px solid #333;
    text-decoration: none
}

.more-js dd.txb-ys-pic{
    margin-bottom: 10px;
}
.more-js dd p.part{
    width: 242px;
    height: 128px;
    border: 1px solid #EEE;
    text-align: center;
    vertical-align: middle;
    display: block;
    background: url(https://www.lanrentuku.com/images/img-bg.png) center;
    cursor: pointer
}
.more-js dd p.dark{
    background: url(https://www.lanrentuku.com/images/img-dark-bg.png) center;
}

.more-js dd img {
    max-width: 240px;
    max-height: 128px;
    width: auto;
    height: auto;
    /*border: 1px solid #EEE*/
}

.more-js dd i {
    width: 13px;
    height: 13px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -177px -40px;
    float: right;
    margin-top: -26px
}

.more-tx {
    height: 300px;
    margin: 0 0 46px
}

.more-tx .l {
    width: 336px;
    float: left;
    margin-left: 24px
}

.more-tx .r {
    width: 460px;
    float: right
}

.more-tx .r dd {
    width: 360px;
    height: 20px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -178px -67px;
    float: left;
    padding-left: 20px;
    overflow: hidden;
    margin: 10px 9px 0
}

.more-tx .r dd a {
    color: #333;
    display: block
}

.more-tx .r dd a:hover {
    color: #390;
    text-decoration: underline
}

/* � */
#footer {
    width: 1175px;
    height: 286px;
    background: #111;
    padding: 45px 0 16px 25px;
    clear: both
}

.about dl {
    width: 156px;
    height: 210px;
    padding: 8px 16px 0 0;
    float: left;
    text-align: right;
    line-height: 22px;
    border-right: 1px solid #333
}

.about dt {
    color: #ccc;
    font-weight: bold;
    padding-bottom: 12px
}

.about dd {
    height: 24px;
    line-height: 24px
}

.about dd a {
    color: #aaa
}

.about dd a:hover {
    color: #390
}

.about dd .minihot {
    width: 15px;
    height: 7px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -137px -40px;
    margin: 0 4px 1px 0
}

.jinbu dl {
    width: 336px;
    height: 210px;
    padding: 8px 16px 0 80px;
    float: left;
    line-height: 22px
}

.jinbu dt {
    color: #ccc;
    font-weight: bold;
    padding-bottom: 12px
}

.jinbu dd {
    line-height: 24px;
    color: #666
}

.jinbu dd a {
    color: #666
}

.copyright {
    color: #666;
    float: right;
    font-size: 10px;
    padding: 40px 20px 10px
}

.copyright a {
    color: #666
}

.copyright a:hover {
    color: #999
}

.beian {
	display:none;
    float: left;
    padding: 40px 20px 10px
}

.beian a {
    color: #666
}

.beian a:hover {
    color: #999
}

/* ���� */
.hot {
    width: 22px;
    height: 12px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -111px -40px;
    position: absolute;
    right: 22px;
    top: -9px;
    z-index: 999
}

.new {
    width: 22px;
    height: 12px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -85px -40px;
    position: absolute;
    right: 22px;
    top: -9px;
    z-index: 999
}

.half {
    width: 98%;
    height: 12px;
    margin: 6px 0 38px;
    border-bottom: 4px dashed #EEE;
    float: left;
    position: relative
}

.pinglun {
    margin: 0 10px 20px 0
}

.tqq {
    width: 66px;
    height: 66px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat 0 -102px
}

.tqq:hover {
    filter: alpha(opacity=60)
}

.egg {
    width: 97%;
    height: 30px;
    margin: 30px 0 90px;
    color: #666
}

.egg a {
    color: #390;
    text-decoration: underline
}

.top {
    position: fixed;
    _position: absolute;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat;
    display: block;
    background-position: 0 -40px;
    width: 58px;
    height: 58px;
    right: 18px;
    _right: -47px;
    bottom: 32px;
    filter: alpha(opacity=80)
}

.top:hover {
    filter: alpha(opacity=100)
}

/* about */
.ab-l {
    width: 336px;
    height: 500px;
    margin: 20px 0 120px;
    float: left;
    border-left: 1px solid #EEE
}

.ab-l dt {
    height: 60px;
    color: #333;
    font-size: 26px;
    margin: 20px 0 10px 32px;
    font-family: Georgia, Times
}

.ab-l dt span {
    color: #999;
    font-size: 12px;
    padding-top: 2px;
    display: block
}

.ab-l dd {
    width: 270px;
    height: 36px;
    line-height: 36px;
    margin-left: 20px;
    float: left
}

.ab-l dd a {
    display: block;
    color: #333;
    padding-left: 16px
}

.ab-l dd a:hover {
    text-decoration: none;
    color: #390
}

.ab-l dd span {
    padding-left: 16px
}

.ab-l .cur {
    background: url(//img.lanrentuku.com/img/images/about-bg.gif) no-repeat
}

.ab-r {
    width: 830px;
    margin: 20px 0 120px;
    float: right
}

.ab-r .t {
    font-size: 24px;
    margin: 24px 0 43px 2px;
    font-family: Georgia, Times;
    color: #390;
    clear: both;
}

.ab-r .t a {
    color: #390
}

.ab-r .c {
    line-height: 22px;
    font-size: 12px;
    color: #666;
    font-family: Georgia, Times
}

.ab-r .kuang {
    height: 24px
}

.lvniu {
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    background-color: #6FB934;
    border: none;
    height: 33px;
    padding: 0 18px;
    cursor: pointer
}

.lvniu:hover {
    background: #5FA924
}

.ab-r p {
    margin: 0 4px 9px 5px
}

.ab-r a {
    text-decoration: underline;
    color: #666
}

.ab-r .m10 {
    margin-bottom: 10px
}

.ab-r .m20 {
    margin-bottom: 20px
}

.ab-r .link {
    height: 80px
}

.ab-r .link a {
    line-height: 24px;
    font-size: 12px;
    text-decoration: underline;
    color: #666;
    margin: 0 6px;
    white-space: nowrap;
    float: left
}

.ab-r .link a:hover, .link a:visited {
    color: #390
}

/* ��ҳ ---------------------*/

/* ���� */
.w1200 {
    margin: 9px auto;
    clear: both
}

.in-box {
    border: 1px solid #DDD;
    border-top: 6px solid #333
}

/* �߶� */
.h90 {
    height: 90px
}

.h415 {
    height: 415px
}

.h408 {
    height: 408px
}

.h277 {
    height: 277px
}

.h273 {
    height: 273px
}

/* 3��ͼ�� */
.all {
    width: 854px;
    float: left
}

.all dt {
    height: 40px;
    position: relative
}

.all dt a {
    float: right;
    margin: 12px;
    color: #666
}

.all dd {
    width: 242px;
    height: 190px;
    margin: 12px 10px 10px 27px;
    float: left;
    display: inline
}

.all dd a {
    color: #666;
    height: 192px;
    border-bottom: 4px solid #fff;
    line-height: 30px;
    display: block;
    overflow: hidden
}

.all dd a:hover {
    color: #390;
    border-bottom: 4px solid #333;
    text-decoration: none
}

.all dd img {
    width: 240px;
    height: 160px;
    border: 1px solid #EEE;
    display: block
}

.all dd i {
    width: 13px;
    height: 13px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -177px -40px;
    float: right;
    margin-top: -26px
}

/* 12��3�� */
.t12 {
    width: 854px;
    clear: both
}

.t12 p {
    width: 224px;
    height: 24px;
    line-height: 24px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -182px -94px;
    float: left;
    padding-left: 16px;
    overflow: hidden;
    margin: 8px 10px 1px 27px;
    display: inline
}

.t12 p a {
    color: #333;
    display: block
}

.t12 p a:hover {
    color: #390;
    text-decoration: underline
}

/* 11�� */
.t11 {
    width: 334px;
    height: 408px;
    float: right
}

.t11 dt {
    height: 40px
}

.t11 dt a {
    float: right;
    margin: 12px;
    color: #666
}

.t11 dd {
    width: 286px;
    height: 20px;
    line-height: 20px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -178px -66px;
    float: left;
    padding-left: 20px;
    overflow: hidden;
    margin: 10px 9px 1px;
    display: inline
}

.t11 dd a {
    color: #333;
    display: block
}

.t11 dd a:hover {
    color: #390;
    text-decoration: underline
}


/* ��Ŀ */
.in-vector {
    background: url(//img.lanrentuku.com/img/images/i-v1.2.png) no-repeat 0 -80px
}

.in-psd {
    background: url(//img.lanrentuku.com/img/images/i-v1.2.png) no-repeat 0 -160px
}

.in-news {
    background: url(//img.lanrentuku.com/img/images/i-v1.2.png) no-repeat 0 -200px
}

.in-bg {
    background: url(//img.lanrentuku.com/img/images/i-v1.2.png) no-repeat 0 -240px
}

.in-show {
    background: url(//img.lanrentuku.com/img/images/i-v1.2.png) no-repeat 0 -320px
}

.in-ued {
    background: url(//img.lanrentuku.com/img/images/i-v1.2.png) no-repeat 0 -360px
}

.in-tupian {
    background: url(//img.lanrentuku.com/img/images/i-v1.2.png) no-repeat 0 -400px
}

.in-gif {
    background: url(//img.lanrentuku.com/img/images/i-v1.2.png) no-repeat 0 -440px
}

/* JS��ҳ ---------------------*/
.js-main {
    width: 1200px
}

.js-main .l {
    width: 336px;
    float: left;
    padding: 0 10px 18px 0
}

.js336x280 {
    width: 336px;
    height: 280px
}

.js-tad {
    width: 314px;
    height: 62px;
    float: left;
    margin-top: 16px;
    border: 1px solid #EEE;
    padding: 10px
}

.js-tad dd {
    width: 150px;
    height: 22px;
    float: left;
    margin-left: 5px
}

.js-tad dd a {
    color: #999;
    display: block
}

.js-tad dd a:hover {
    color: #390
}

.js-main .m {
    width: 494px;
    float: left
}

.js-main .m dt {
    height: 40px;
    margin-left: 6px;
    background: url(//img.lanrentuku.com/img/images/js.png) no-repeat 0 -401px;
    margin-bottom: 4px
}

.js-main .m dt span {
    float: right;
    margin: 14px 2px;
    color: #999
}

.js-main .m dd {
    width: 494px;
    height: 32px;
    margin-left: 8px;
    border-bottom: 1px dashed #F0F0F0;
    float: left
}

.js-main .m dd a {
    color: #666;
    line-height: 32px;
    display: block;
    padding: 0 22px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -178px -60px
}

.js-main .m dd a:hover {
    color: #390
}

.js-main .m dd span {
    margin-right: 10px;
    padding-left: 18px;
    float: right;
    margin-top: -26px;
    color: #BBB
}

.js-main .r {
    width: 336px;
    float: right;
    color: #999;
    line-height: 22px
}

.js-search {
    margin: 16px 0 12px
}

.js-search .a {
    width: 242px;
    height: 26px;
    line-height: 26px;
    padding-left: 6px;
    border: 3px solid #ffc128;
    color: #999;
    vertical-align: middle
}

.js-search .b {
    width: 82px;
    height: 32px;
    line-height: 32px;
    background: #ffc128;
    border: none;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
    vertical-align: middle;
    padding-bottom: 5px !important
}

/* 6��JSͼƬ */
.js-6p {
    width: 854px;
    height: 408px;
    float: left
}

.js-6p dt {
    height: 40px;
    position: relative;
    background: url(//img.lanrentuku.com/img/images/js.png) no-repeat 0 -440px
}

.js-6p dt a {
    float: right;
    margin: 12px;
    color: #666
}

.js-6p dd {
    width: 242px;
    height: 160px;
    margin: 12px 10px 6px 27px;
    float: left;
    display: inline
}

.js-6p dd a {
    color: #666;
    border-bottom: 4px solid #fff;
    line-height: 30px;
    display: block
}

.js-6p dd a:hover {
    color: #390;
    border-bottom: 4px solid #333;
    text-decoration: none
}

.js-6p dd img {
    width: 240px;
    height: 120px;
    display: block;
    border: 1px solid #EEE
}

.js-6p dd img:hover {
    width: 240px;
    height: 120px;
    display: block
}

.js-6p dd span {
    float: right;
    margin-top: -24px;
    color: #ccc;
    font-size: 12px
}

/* ��Ч8�� */
.js-tx {
    width: 422px;
    height: 196px;
    border: 1px solid #DDD;
    border-top: 6px solid #333;
    float: left;
    margin: 0 8px 9px 0;
    position: relative
}

.js-tx dt {
    height: 40px;
    background: url(//img.lanrentuku.com/img/images/js.png) no-repeat
}

.js-tx dt a {
    float: right;
    margin: 12px 12px 0 0;
    color: #666
}

.js-tx dd {
    width: 262px;
    height: 18px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -178px -67px;
    line-height: 18px;
    float: right;
    padding-left: 20px;
    overflow: hidden;
    margin: 9px 9px 1px
}

.js-tx dd a {
    color: #333;
    display: block
}

.js-tx dd a:hover {
    color: #390;
    text-decoration: underline
}

.js-tx p {
    width: 100px;
    height: 100px;
    background: url(//img.lanrentuku.com/img/images/js.png);
    position: absolute;
    left: 20px;
    top: 50px;
    cursor: pointer
}

.tx-0 {
    background: url(//img.lanrentuku.com/img/images/js.png) no-repeat 0 -480px
}

.tx-1 dt {
    background-position: 0 -520px
}

.tx-1 p {
    background-position: 0 0
}

.tx-2 dt {
    background-position: 0 -560px
}

.tx-2 p {
    background-position: -100px 0
}

.tx-3 dt {
    background-position: 0 -600px
}

.tx-3 p {
    background-position: 0 -100px
}

.tx-4 dt {
    background-position: 0 -640px
}

.tx-4 p {
    background-position: -100px -100px
}

.tx-5 dt {
    background-position: 0 -680px
}

.tx-5 p {
    background-position: 0 -200px
}

.tx-6 dt {
    background-position: 0 -720px
}

.tx-6 p {
    background-position: -100px -200px
}

.tx-7 dt {
    background-position: 0 -760px
}

.tx-7 p {
    background-position: 0 -300px
}

.tx-8 dt {
    background-position: 0 -800px
}

.tx-8 p {
    background-position: -100px -300px
}

/* Ͷ�� */
.js-tougao {
    width: 292px;
    height: 366px;
    padding: 21px;
    float: right
}

.js-tougao p {
    line-height: 22px;
    padding-top: 15px
}

.js-tougao .tg {
    width: 160px;
    height: 50px;
    display: block;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat 0 -217px;
    margin: 5px auto
}

/* ����Ƶ����ҳ�����Ƽ� */
.js-tools {
    height: 240px
}

.js-tools dt {
    height: 40px;
    background: url(//img.lanrentuku.com/img/images/i.png) no-repeat 0 -480px
}

.js-tools dt a {
    float: right;
    margin: 12px;
    color: #666
}

.js-tools dd {
    width: 260px;
    margin: 7px 0 0 32px;
    border-bottom: 1px dashed #eee;
    float: left;
    display: inline
}

.js-tools dd:hover {
    background: #F6F6F6
}

.js-tools dd img {
    width: 32px;
    height: 32px;
    float: left;
    margin: 4px 10px 0 0
}

.js-tools dd span {
    color: #999;
    display: block
}

.js-tools dd a {
    color: #333;
    line-height: 18px;
    display: block;
    padding: 8px 10px
}

.js-tools dd a:hover {
    color: #390;
    text-decoration: none
}

/* wap */
#thp_notf_div {
    position: fixed
}

.hpn_top_container {
    background: none repeat scroll 0 0 #fcd116;
    height: 16em;
    position: absolute;
    top: -16em;
    white-space: nowrap;
    width: 100%;
    z-index: 2000
}

.hpn_top_icon {
    float: left;
    margin: 6em 0 0 1.25em
}

.hpn_top_desc {
    color: #404040;
    float: left;
    font-size: 4em;
    margin: 1.1em 0 1.06em 0.25em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hpn_top_link, .hpn_top_link:visited, .hpn_top_link:hover {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    color: #1020d0;
    margin: 1em 0.92em 0.5em 0.84em;
    padding: 0.6em 0.5em
}

.hpn_top_link, .hpn_top_close {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    text-align: center;
    vertical-align: middle
}

.hpn_top_close {
    color: #404040;
    text-decoration: underline
}

.hpn_top_link, .hpn_top_close {
    cursor: pointer;
    display: inline-block;
    font-size: 3.2em;
    text-align: center;
    vertical-align: middle
}

#feedAv {
    margin-top: -250px !important;
    transform: scale(0);
}

/* ������ҳ */
.lanren {
    width: 1188px;
    height: 72px;
    line-height: 22px;
    border-bottom: 1px solid #EEE;
    margin: 10px 0;
    padding: 6px
}

.lanren a {
    color: #666;
    background: #F6F6F6;
    text-decoration: none;
    margin: 0 10px 10px 0;
    white-space: nowrap;
    float: left;
    padding: 2px 10px
}

.lanren a:hover {
    color: #FFF;
    background: #390
}


/* ����ҳ */
.in-ada {
    width: 1224px;
    height: 226px;
    clear: both
}

.in-ada dd {
    width: 282px;
    height: 186px;
    margin: 22px 24px 22px 0px;
    float: left;
    display: inline;
}

.in-ada dd img {
    width: 280px;
    height: 186px;
    border: 1px solid #EEE;
    display: block
}

.in-ne {
    width: 1224px;
    height: 840px;
    clear: both
}

.in-ne dt {
    width: 1200px;
    height: 56px;
    text-align: center;
    background: url(//img.lanrentuku.com/img/images/i.png) repeat-x 0 -560px;
    margin-top: 10px;
    position: relative;
}

.in-ne dt .div{
    display: block;
    width: 198px;
    height: 40px;
    background: url(//img.lanrentuku.com/img/images/i.png) no-repeat 0 0;
}

.in-ne dt .div:hover{
    background: url(//img.lanrentuku.com/img/images/i.png) no-repeat -196px 0;
}
.in-ne dt .div_more{
    position: absolute;
    top: 0;
    right: 0;
    color: #272727;
    background-color: #f8f8f9;
    padding: 0 20px;
    line-height: 40px;
}
.in-ne dt .div_more:hover{
    color: #00AAC4!important;
}

.in-ne dd {
    width: 282px;
    height: 226px;
    margin: 12px 24px 18px 0px;
    float: left;
    display: inline;
}

.in-ne dd a {
    color: #666;
    height: 228px;
    border-bottom: 4px solid #f3f3f3;
    line-height: 40px;
    display: block;
    overflow: hidden
}

.in-ne dd a:hover {
    color: #390;
    border-bottom: 4px solid #333;
    text-decoration: none
}

.in-ne dd img {
    width: 280px;
    height: 186px;
    border: 1px solid #EEE;
    display: block
}

.in-ne dd i {
    width: 13px;
    height: 13px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -177px -40px;
    float: right;
    margin-top: -28px
}


.in-ps {
    width: 1224px;
    height: 320px;;
    clear: both
}

.in-ps dt {
    width: 1200px;
    height: 56px;
    text-align: center;
    background: url(//img.lanrentuku.com/img/images/i.png) repeat-x 0 -560px;
    margin-top: 10px;
    position: relative;
}

.in-ps dt .div {
    display: block;
    width: 174px;
    height: 40px;
    background: url(//img.lanrentuku.com/img/images/i.png) no-repeat 0 -160px;
}
.in-ps dt .div:hover{
    background: url(//img.lanrentuku.com/img/images/i.png) no-repeat -196px -160px;
}
.in-ps dt .div_more{
    position: absolute;
    top: 0;
    right: 0;
    color: #272727;
    background-color: #f8f8f9;
    padding: 0 20px;
    line-height: 40px;
}
.in-ps dt .div_more:hover{
    color: #00AAC4!important;
}

.in-ps dd {
    width: 282px;
    height: 226px;
    margin: 12px 24px 18px 0px;
    float: left;
    display: inline;
}

.in-ps dd a {
    color: #666;
    height: 228px;
    border-bottom: 4px solid #f3f3f3;
    line-height: 40px;
    display: block;
    overflow: hidden
}

.in-ps dd a:hover {
    color: #390;
    border-bottom: 4px solid #333;
    text-decoration: none
}

.in-ps dd img {
    width: 280px;
    height: 186px;
    border: 1px solid #EEE;
    display: block
}

.in-ps dd i {
    width: 13px;
    height: 13px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -177px -40px;
    float: right;
    margin-top: -28px
}

.in-tu {
    width: 1224px;
    height: 320px;;
    clear: both
}

.in-tu dt {
    width: 1200px;
    height: 56px;
    text-align: center;
    background: url(//img.lanrentuku.com/img/images/i.png) repeat-x 0 -560px;
    margin-top: 10px;
    position: relative;
}

.in-tu dt .div {
    display: block;
    width: 198px;
    height: 40px;
    background: url(//img.lanrentuku.com/img/images/i.png) no-repeat 0 -400px;
}
.in-tu dt .div:hover{
    background: url(//img.lanrentuku.com/img/images/i.png) no-repeat -196px -400px;
}
.in-tu dt .div_more{
    position: absolute;
    top: 0;
    right: 0;
    color: #272727;
    background-color: #f8f8f9;
    padding: 0 20px;
    line-height: 40px;
}
.in-tu dt .div_more:hover{
    color: #00AAC4!important;
}

.in-tu dd {
    width: 282px;
    height: 226px;
    margin: 12px 24px 18px 0px;
    float: left;
    display: inline;
}

.in-tu dd a {
    color: #666;
    height: 228px;
    border-bottom: 4px solid #f3f3f3;
    line-height: 40px;
    display: block;
    overflow: hidden
}

.in-tu dd a:hover {
    color: #390;
    border-bottom: 4px solid #333;
    text-decoration: none
}

.in-tu dd img {
    width: 280px;
    height: 186px;
    border: 1px solid #EEE;
    display: block
}

.in-tu dd i {
    width: 13px;
    height: 13px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -177px -40px;
    float: right;
    margin-top: -28px
}

.in-pn {
    width: 1224px;
    height: 280px;;
    clear: both
}

.in-pn dt {
    width: 1200px;
    height: 56px;
    text-align: center;
    background: url(//img.lanrentuku.com/img/images/i.png) repeat-x 0 -560px;
    margin-top: 10px;
    position: relative;
}

.in-pn dt .div {
    display: block;
    width: 180px;
    height: 40px;
    background: url(//img.lanrentuku.com/img/images/i.png) no-repeat 0 -280px;
}
.in-pn dt .div:hover{
    background: url(//img.lanrentuku.com/img/images/i.png) no-repeat -196px -280px;
}
.in-pn dt .div_more{
    position: absolute;
    top: 0;
    right: 0;
    color: #272727;
    background-color: #f8f8f9;
    padding: 0 20px;
    line-height: 40px;
}
.in-pn dt .div_more:hover{
    color: #00AAC4!important;
}

.in-pn dd {
    width: 282px;
    height: 180px;
    margin: 12px 24px 18px 0px;
    float: left;
    display: inline;
}

.in-pn dd a {
    color: #666;
    height: 182px;
    border-bottom: 4px solid #f3f3f3;
    line-height: 40px;
    display: block;
    overflow: hidden
}

.in-pn dd a:hover {
    color: #390;
    border-bottom: 4px solid #333;
    text-decoration: none
}

.in-pn dd img {
    width: 280px;
    height: 140px;
    border: 1px solid #EEE;
    display: block
}

.in-pn dd span {
    float: right;
    margin-top: -31px;
    color: #ccc;
    font-size: 10px
}

.in-j {
    width: 1224px;
    height: 280px;
    clear: both
}

.in-j dt {
    width: 1200px;
    height: 56px;
    text-align: center;
    background: url(//img.lanrentuku.com/img/images/i.png) repeat-x 0 -560px;
    margin-top: 10px;
    position: relative;
}

.in-j dt .div {
    display: block;
    width: 132px;
    height: 40px;
    background: url(//img.lanrentuku.com/img/images/i.png) no-repeat 0 -40px;
}
.in-j dt .div:hover{
    background: url(//img.lanrentuku.com/img/images/i.png) no-repeat -196px -40px;
}
.in-j dt .div_more{
    position: absolute;
    top: 0;
    right: 0;
    color: #272727;
    background-color: #f8f8f9;
    padding: 0 20px;
    line-height: 40px;
}
.in-j dt .div_more:hover{
    color: #00AAC4!important;
}

.in-j dd {
    width: 282px;
    height: 180px;
    margin: 12px 24px 18px 0px;
    float: left;
    display: inline;
}

.in-j dd a {
    color: #666;
    height: 182px;
    border-bottom: 4px solid #f3f3f3;
    line-height: 40px;
    display: block;
    overflow: hidden
}

.in-j dd a:hover {
    color: #390;
    border-bottom: 4px solid #333;
    text-decoration: none
}

.in-j dd img {
    width: 280px;
    height: 140px;
    border: 1px solid #EEE;
    display: block
}

.in-j dd span {
    float: right;
    margin-top: -31px;
    color: #ccc;
    font-size: 10px
}

.in-sh {
    width: 1224px;
    height: 560px;;
    clear: both;
}

.in-sh dt {
    width: 1200px;
    height: 56px;
    text-align: center;
    background: url(//img.lanrentuku.com/img/images/i.png) repeat-x 0 -560px;
    margin-top: 10px;
    position: relative;
}

.in-sh dt .div {
    display: block;
    width: 196px;
    height: 40px;
    background: url(//img.lanrentuku.com/img/images/i.png) no-repeat 0 -320px;
}
.in-sh dt .div:hover{
    background: url(//img.lanrentuku.com/img/images/i.png) no-repeat -196px -320px;
}
.in-sh dt .div_more{
    position: absolute;
    top: 0;
    right: 0;
    color: #272727;
    background-color: #f8f8f9;
    padding: 0 20px;
    line-height: 40px;
}
.in-sh dt .div_more:hover{
    color: #00AAC4!important;
}

.in-sh dd {
    width: 282px;
    height: 226px;
    margin: 12px 24px 18px 0px;
    float: left;
    display: inline;
}

.in-sh dd a {
    color: #666;
    height: 228px;
    border-bottom: 4px solid #f3f3f3;
    line-height: 40px;
    display: block;
    overflow: hidden
}

.in-sh dd a:hover {
    color: #390;
    border-bottom: 4px solid #333;
    text-decoration: none
}

.in-sh dd img {
    width: 280px;
    height: 186px;
    border: 1px solid #EEE;
    display: block
}

.in-sh dd i {
    width: 13px;
    height: 13px;
    background: url(//img.lanrentuku.com/img/images/a.png) no-repeat -177px -40px;
    float: right;
    margin-top: -28px
}

.in-tools {
    width: 1200px;
    height: 290px;
    clear: both
}

.in-tools dt {
    width: 1200px;
    height: 56px;
    text-align: center;
    background: url(//img.lanrentuku.com/img/images/i.png) repeat-x 0 -560px;
    margin-top: 10px;
    position: relative;
}

.in-tools dt div {
    width: 205px;
    height: 40px;
    background: url(//img.lanrentuku.com/img/images/i.png) no-repeat 0 -480px;
}

.in-tools dd {
    width: 260px;
    margin: 7px 0 0 32px;
    border-bottom: 1px dashed #eee;
    float: left;
    display: inline
}

.in-tools dd:hover {
    background: #F6F6F6
}

.in-tools dd img {
    width: 32px;
    height: 32px;
    float: left;
    margin: 4px 10px 0 0
}

.in-tools dd span {
    color: #999;
    display: block
}

.in-tools dd a {
    color: #333;
    line-height: 18px;
    display: block;
    padding: 8px 10px
}

.in-tools dd a:hover {
    color: #390;
    text-decoration: none
}

.in-links {
    width: 1200px;
    height: 200px;
    clear: both
}

.in-links dt {
    width: 1200px;
    height: 56px;
    text-align: center;
    background: url(//img.lanrentuku.com/img/images/i.png) repeat-x 0 -560px;
    margin-top: 10px;
}

.in-links dt div {
    width: 190px;
    height: 40px;
    background: url(//img.lanrentuku.com/img/images/i.png) no-repeat 0 -520px;
}

.in-links dd {
    height: 56px;
    padding: 14px 20px 0
}

.in-links dd a {
    height: 26px;
    line-height: 26px;
    color: #666;
    margin-right: 10px;
    white-space: nowrap;
    float: left
}

.in-links dd a:hover {
    color: #390
}

.in-links dd a:visited {
    color: #390
}

/* veer����ҳ */
.shijue {
    width: 336px;
    height: 550px;
    float: left;
    margin-bottom: 12px
}

.shijue img {
    width: 150px;
    height: 100px
}

.shijue dt {
    height: 68px;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #EEE;
    padding: 18px 0 0 12px
}

.shijue dt span {
    color: #FF0000
}

.shijue dt p {
    font-size: 12px;
    color: #666;
    margin-top: 12px;
    clear: both;
    font-weight: lighter
}

.shijue dd {
    width: 150px;
    margin: 12px 0 4px 12px;
    float: left;
    display: inline
}


#header .head-item-3 {
    /*padding-right: 20px;*/
    text-align: right;
    vertical-align: top;
    position: absolute;
    right: 5px;
    top: 15px;
}

#header .head-item-3 .btn {
    outline: none;
    border: none;
    font-size: 15px;
    height: 36px;
    border-radius: 18px;
}

#header .head-item-3 .btn-vip {
    width: 120px;
    color: #fff;
    margin-left: 88px;
    background: linear-gradient(to right, #FFC000, #FFB389);
    background: -ms-linear-gradient(right, #FFC000, #FFB389);
    background: -moz-linear-gradient(right, #FFC000, #FFB389);
    background: -o-linear-gradient(right, #FFC000, #FFB389);
}

#header .head-item-3 .btn-login-register {
    width: 110px;
    margin-left: 15px;
    color: #1EC6D3;
    background-color: #fff;
    border: 1px solid #1EC6D3;
}

.js-download {
    cursor: pointer;
}

/*2020-08-28 详情页右侧新增内容*/
#r .nav-mend .nav-mend-title{
    color: #333;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
}
#r .nav-mend{
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
}
#r .nav-mend ul li{
    float: left;
    width: 48%;
    height: auto;
    margin-right: 4%;
    margin-top: 12px;
}
#r .nav-mend ul li:nth-child(2n){
    margin-right: 0;
}
#r .nav-mend ul li a{
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
#r .nav-mend ul li a:hover{
    color: #390;
}
#r .nav-mend ul li p.part{
    width: 100%;
    height: 100px;
    border: 1px solid #EEE;
    text-align: center;
    vertical-align: middle;
    display: block;
    background: url(https://www.lanrentuku.com/images/img-bg.png) center;
    cursor: pointer
}
#r .nav-mend ul li p.dark{
    background: url(https://www.lanrentuku.com/images/img-dark-bg.png) center;
}
#r .nav-mend ul li img{
    max-width: 100%;
    max-height: 100px;
    width: auto;
    height: auto;
}
/*2020-08-28 详情页右侧新增内容 end*/