body,html{height: 100%; max-width: 640px; margin: 0 auto; position: relative;}
.none{display: none;}
.table-model{display: table; width: 100%;}
.td-model{display: table-cell; vertical-align: middle;}
.header{background: rgba(0,165,170,.5); height: 45px; position: fixed; top: 0; width: 100%; max-width: 640px; z-index: 999; color: #fff;}
.header a{color: #fff;}
.header .logo img{width: 80px; float: left;}
.header .td-model{height: 45px;}
.header .td-model:first-child{width: 110px; padding-left: 10px;}
.header .td-model:last-child{width: 100px; text-align: right; padding-right: 10px;}
.header span.line{padding: 0 5px;}
.header .td-model:first-child span{position: relative; top: 4px;}
.header .search{background: #fff; width: 100%; height: 28px; border-radius: 6px; overflow: hidden;}
.header .search input{height: 28px; background: none; border: none; color: #666; padding: 0 6px; font-size: 14px; width: 80%; float: left;}
.header .search button{width: 20%; float: left; height: 28px; padding: 0; border: none; color:#333;}
.header .login-box{line-height: 45px; width:90px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.header .login-box img{width: 24px; height: 24px; border-radius: 4px; position: relative; margin-right: 4px;}
.header1{background: #00a6ab;}
.slideBox{ position:relative; overflow:hidden;}
.slideBox .hd{ position:absolute; bottom:10px; text-align: center; width: 100%;}
.slideBox .hd li{ display:inline-block; text-indent:-9999px; overflow:hidden; width: 8px; height: 8px; background: #fff; border-radius: 50%; margin: 0 3px;}
.slideBox .hd li.on{background: #00a6ab;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd h4{font-size: 16px; position: absolute; top: 50%; width: 100%; text-align: center; letter-spacing:5px; color: #fff; transform: translate(-50,0); -webkit-transform: translate(-50,0); z-index: 9;}
.slideBox .bd li{ position:relative; text-align:center;}
.slideBox .bd li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
.slideBox .bd li a.ckxq{background: rgba(0,165,170,.5); padding: 3px 15px; color: #fff; border-radius: 5px; display: block; position: absolute; bottom: 35px; left: 50%; margin-left: -42px; z-index: 9;}
.topnews h3{color: #00a6ab; border-bottom: 1px solid #00a6ab; background: url("../images/lanfang.png") no-repeat 15px center; padding: 10px 38px; background-size: 18px; font-size: 16px;}
.topnews.meiwen h3{background: url("../images/meiwen.png") no-repeat 15px center; background-size: 18px;}
.topnews.info h3{background: url("../images/info.png") no-repeat 15px center; background-size: 18px;}
.topnews.huxing h3{background: url("../images/huxing.png") no-repeat 15px center; background-size: 18px;}
.topnews.zaixian h3{background: url("../images/zaixian.png") no-repeat 15px center; background-size: 18px;}
.topnews.vr h3{background: url("../images/vr.png") no-repeat 15px center; background-size: 18px;}
.topnews.message h3{background: url("../images/message.png") no-repeat 15px center; background-size: 18px; padding-right: 15px;}
.topnews.message h3 .pen{font-size: 14px; background: url("../images/pen.png") no-repeat; background-size: 14px; padding-left: 18px; position: relative; top: 5px;}
.topnews h3 small{color: #ccc; font-size: 12px;}
.topnews ul{padding: 10px 0; }
.topnews .txtMarquee-top{padding:15px 0;}
.topnews .txtMarquee-top .infoList li{ height:30px; line-height:30px;   }
.topnews li{padding: 0px 35px; background: url("../images/liststyle.png") no-repeat 15px center; background-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.topnews table{margin: 20px 0;}
.topnews table td{color: #999; border-right: 1px solid #bfe9ea; padding: 5px 0;}
.topnews table td:first-child{width: 80px;}
.topnews table td:last-child{padding: 0 15px;}
.topnews .tj-btn{background: #ff5500; display: block; margin: 0 auto; width: 80%; text-align: center; color: #fff; line-height: 36px; border-radius: 5px;}
.topnews .add{position: absolute; top: 10px; right: 15px;}
.topnews .add img{width: 18px;}
.topnews .shouqi{position: absolute; top: 10px; right: 15px;}
.topnews .shouqi img{width: 18px; height: 18px;}
.darkblock{border-bottom: 5px solid #ebebeb;}
.listTitle{padding: 15px 15px 0;}
.listTitle a{display: block; width: 50%; float: left; text-align: center; padding-bottom: 10px; color: #333; font-size: 16px;}
.listTitle a{border-bottom: 2px solid #00a6ab;}
.listTitle a.active{border-bottom: 2px solid #ff5500;}
.listBox .item{margin-top: 20px;}
.listBox .item img{display: block;}
.listBox .item .tag{position: absolute; top: -4px; left: 20px; width: 70px;}
.listBox .item .like{position: absolute; top: 15px; right: 15px;}
.listBox .item .like img{float: left; width: 22px; margin-right: 15px;}
.listBox .item .like a.dz{float: left; display: block; color: #fff; position: relative;}
.listBox .item .like a.dz:before{content: " "; display: block; width: 20px; height: 20px; float: left; margin-right: 4px; background: url("../images/hert.png"); background-size: 40px;}
.listBox .item .like a.dz.active:before{background-position-x: -20px;}
@keyframes add1 {
    0%{transform: translate(-15px,15px); opacity: 0;}
    60%{transform: translate(0,0); opacity: 1;}
    100%{transform: translate(0,0); opacity: 0;}
}
@-webkit-keyframes add1 {
    0%{-webkit-transform: translate(-15px,15px); opacity: 0;}
    60%{-webkit-transform: translate(0,0); opacity: 1;}
    100%{-webkit-transform: translate(0,0); opacity: 0;}
}
.listBox .item .like a.dz .add1{position: absolute; top: -15px; left: 20px; opacity: 0; animation: add1 1s backwards; -webkit-animation: add1 1s backwards; display: none;}
.listBox .item .movie{position: absolute; top: 15px; right: 45px;}
.listBox .item .movie img{width: 22px;}
.listBox .item .num{position: absolute; right: 15px; bottom: 15px; color: #fff;}
.listBox .item .num:before{content: " "; display: block; float: left; background: url("../images/eye.png") no-repeat center; width: 20px; height: 20px; background-size: 100%; margin-right: 4px;}
.listBox .item .mask{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
.listBox .item .title{width: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.listBox .item .title h2{font-size: 16px; color: #fff; }
.listBox .item .title p{font-size: 14px; color: #fff; margin-top: 10px;}
.listBox .item .con{padding: 15px;padding-bottom: 0px;}
.listBox .item .con h4{color: #000;}
.listBox .item .con h4 span{color: #ff5500;}
.listBox .item .con h4 small{color: #666;}
.listBox .item .con .price{color: #ff5500;}
.listBox .item .con .price span{font-size: 18px;}
.listBox .item .con p span{font-size: 16px;}
.listBox .item .con .hongbao{display: block; text-align: center; position: absolute; right: 15px; top: 15px;}
.listBox .item .con .hongbao img{width: 30px; display: inline-block;}
.listBox .item .con .hongbao p{color: #00a6ab; line-height: 16px;}
.listBox .item .con table td{vertical-align: top; padding: 5px 0;}
.listBox .item .con table td:first-child{width: 85px;}
.listBox .item .con table td:first-child img{display: inline-block; margin-right: 4px; position: relative; top: 2px;}
.listBox .item .con table td a{color: #00a6ab; border: 1px solid #00a6ab; border-radius: 3px; padding: 1px 5px; margin-bottom: 5px; margin-right: 5px; display: inline-block;}
a.more{background: #00a6ab; line-height: 40px; color: #fff; text-align: center; display: block; margin: 15px; border-radius: 5px;}
a.mybtn{background: #00a6ab; line-height: 40px; color: #fff; text-align: center; display: block; border-radius: 5px; width:66%; margin:15px auto;}
button.mybtn{background: #00a6ab;  border:none; width: 100%; height: 40px; color: #fff; text-align: center; display: block; border-radius: 5px;}
.footer{padding: 15px; color: #999;}
.footer a{color: #00a6ab;}
.footer p{padding: 6px 0; font-size: 12px; margin-bottom: 15px;}
.nav{background: #00a6ab; height: 45px; position: fixed; bottom: 0; width: 100%; max-width: 640px; z-index: 999; color: #fff;}
.nav .menu{width: 20%; float: left; text-align: center; font-size: 12px; line-height: 14px; padding-top: 6px;}
.nav .menu a{color: #fff; display: block;}
.nav .menu a:before{content: " "; display: block; width: 16px; height: 16px; background:url("../images/nav.png"); background-size: 100%; margin: 0 auto; margin-bottom: 2px;}
.nav .menu:nth-of-type(2) a:before{background-position-y: -16px;}
.nav .menu:nth-of-type(3) a:before{background-position-y: -32px;}
.nav .menu:nth-of-type(4) a:before{background-position-y: -48px;}
.nav .menu:nth-of-type(5) a:before{background-position-y: -64px;}
.nav .menu .yzb{position: absolute; top: -20px; left: 50%; margin-left: -28px; width: 56px; height: 56px; background: #00a6ab; border-radius: 50%;}
.nav .menu .circle{position: absolute; top: -17px; left: 50%; margin-left: -28px; width: 56px; height: 56px; background: #fff; border-radius: 50%; }
.tn-detail{padding: 15px;}
.tn-detail h1{color: #00a6ab; padding-bottom: 10px;line-height: 26px;}
.tj-list{padding: 10px 0 20px 0;}
.tj-list li{position: relative; padding: 10px 15px 0; margin:5px 0;}
.tj-list img{width: 120px; height: 75px; display:block;}
.tj-list .con{position: absolute; left: 145px; top: 7px; right: 10px;}
.tj-list .con h4{font-size: 16px;overflow: hidden; text-overflow:ellipsis; line-height: 22px;min-height: 45px;display: -webkit-box;
text-overflow: ellipsis;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.tj-list .con p{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;padding-bottom: 2px; margin-top: 16px;}
.listBox .nomargin{margin: 0;}
.huxing .swiper-container{padding: 15px;}
.huxing .swiper-slide p{text-align: center; color: #00a6ab;}
.huxing .swiper-slide img{width: 100%;}
.zaixian .video-box{padding: 15px;}
.zaixian .video-box img{display: block;}
.zaixian .video-box a{display: block; position: relative;}
.zaixian .video-box a img.play{position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin-left: -15px; margin-top: -15px;}
.vr .vr-box{padding: 15px;}
.vr .vr-box p{text-align: center; color: #00a6ab;}
.message-list{border: 1px solid #cecece; border-radius: 10px; padding: 10px; margin: 15px;}
.message-list .item{background: #f1f1f1; padding: 10px; border-radius: 5px; margin-top: 15px;}
.message-list .item:first-child{margin-top: 0;}
.message-list .item img{float: left; width: 10%; border-radius: 4px;}
.message-list .txt{float: right; width: 90%; padding-left: 10px;}
.message-list h4{color: #999; line-height: 18px; font-size: 16px;}
.message-list p{padding-top: 8px; font-size: 12px;}
.r-nav{position: fixed; z-index: 99; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.r-nav a{display: block; font-size: 12px; width: 60px; border-bottom: 1px solid #66cacd; background: rgba(20,180,180,.8); color: #fff; text-align: center; padding: 2px 0;}
.r-nav a:before{content: " "; display: block; width: 20px; height: 20px; margin: 0 auto; background: url("../images/rnav.png"); background-size: 100%;}
.r-nav a:nth-of-type(2):before{background-position-y: -20px; }
.r-nav a:nth-of-type(3):before{background-position-y: -40px; }
.r-nav a:nth-of-type(4):before{background-position-y: -60px; }
.detail-wz{padding: 15px;}
.detail-wz h1{text-align: left; color: #333; font-size: 18px; line-height: 26px;}
.detail-wz .info span{padding-right: 10px;}
.detail-wz .info span img{position: relative; top: 2px; margin-right: 2px;}
.detail-wz .content img{display: block; margin: 15px 0; width: 100%;}
.detail-wz .content p{padding: 10px 0;}
.search-box{padding: 25px 15px; color: #999;}
.search-box .td-model{padding: 5px 0;}
.search-box .td-model .myform{height: 34px; padding: 0 10px; font-size: 14px; margin: 0; border: 1px solid #ddd !important; text-align: center;}
.search-box .td-model img{width: 16px; position: relative; top: 2px; margin-right: 4px;}
.passport-box{height: 100%; background: url("../images/bg.jpg") center; background-size: 100%;}
.passport-box .wrap{position: absolute; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.pass-logo{width: 50%; margin: 0 auto; display: block;}
.tabBox{width: 80%; margin: 50px auto 0;}
.tabBox .hd{ height:40px; line-height:40px; font-size:18px; position:relative;  }
.tabBox .hd ul li{ float:left; width: 50%; color:#fff; text-align: center; background: rgba(10,120,120,.8);}
.tabBox .hd ul .on{ background: rgba(40,220,220,.6); }
.tabBox .hd ul .on a{ display:block; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */  }
.tabBox .bd .content{ padding:15px; color: #fff;  background:rgba(10,220,220,.6);}
.tabBox .bd .content .tx{border-radius: 5px;}
.tabBox .bd .content td{padding: 5px 0;}
.tabBox .bd .content td.name{width: 60px;}
.tabBox .bd .content td input.reset{background: none; border: 1px solid #c2dfdf; height: 34px; padding: 0 10px; font-size: 14px;  }
.tabBox .bd .content td input.reset::-webkit-input-placeholder { /* WebKit browsers */
    color: #08585a;
}
.tabBox .bd .content td button{width: 100%; background: #005155; color: #fff; border-color: #005155; margin-top: 8px;}
.tjfy-wrap .td-model{padding: 10px 0; color: #999;}
.tjfy-wrap .td-model:first-child{padding-left: 15px;}
.tjfy-wrap .td-model:last-child{padding-right: 15px;}
.tjfy-wrap .td-model.border{border-bottom: 1px solid #ddd;}
.tjfy-wrap .td-model input{margin: 0; height: 34px; border: none; padding-left: 5px; font-size: 14px;}
.tjfy-wrap .td-model:first-child{width: 90px;}
.tjfy-wrap .td-model textarea{height: 150px;}
.tjfy-wrap .td-model .lyico{width: 10px; position: absolute; top: 10px; left: 74px;}
.yykf-wrap{padding: 40px 20px;}
.yykf-wrap h2{color: #9f9fa0; text-align: center; font-size: 20px;}
.yykf-wrap .bordt{border-bottom: 1px solid #00a6ab; width: 49.5%; float: left; margin-top: 30px;}
.yykf-wrap .bordt2{border-color: #9f9fa0; float: right;}
.yykf-wrap .table-model{text-align: center; color: #999; padding: 10px 0; background: url("../images/rjt.png") no-repeat center; background-size: 10px;}
.yykf-wrap .td-model{width: 50%;}
.yykf-wrap .td-model:first-child{color: #00a6ab;}
.yykf-wrap input{display: block; margin-top: 15px!important; border: none; border-bottom: 1px solid #ddd; font-size: 14px;}
.gr-info{padding: 30px 15px;}
.gr-info .jf{background: #00a6ab; color: #fff; font-size: 12px; padding: 5px 5px; border-radius: 4px; width: 80px; margin: 0 auto 5px;}
.gr-info .td-model{vertical-align: top;}
.gr-info .td-model:last-child{padding-left: 5px; color: #999;}
.gr-info .td-model td:first-child{width: 65px;}
.gr-info .td-model td{padding: 3px 0;}
.gr-info .td-model td input{height: 30px; font-size: 14px; padding: 0 10px; border: 1px solid #ddd !important;}
.gr-info .td-model td select{height: 30px; margin: 0; padding: 0 10px; border: 1px solid #ddd !important;}
.gr-tab .listTitle{padding: 0;}
.gr-tab .listTitle a{font-size: 16px;}
.gr-tab .con1 td{font-size: 12px; color: #999; padding: 4px 0;}
.gr-tab .con1 th{font-weight: normal; color: #00a6ab; padding: 4px 0;}
.gr-tab .con1 tr:nth-of-type(2n){background: #e5e5e5;}
.gr-tab .con1 th:before{content: " "; display: inline-block; width: 14px; height: 14px; background: url("../images/tabletitico.png"); background-size: 100%; position: relative; top: 1px; margin-right: 2px;}
.gr-tab .con1 th:nth-of-type(2):before{background-position-y: -14px;}
.gr-tab .con1 th:nth-of-type(3):before{background-position-y: -28px;}
.gr-tab .con1 th:nth-of-type(4):before{background-position-y: -42px;}
.gr-tab .con2 td{font-size: 12px; color: #999; padding: 4px 0;}
.gr-tab .con2 th{font-weight: normal; color: #00a6ab; padding: 4px 0;}
.gr-tab .con2 tr:nth-of-type(2n){background: #e5e5e5;}
.gr-tab .con2 th:before{content: " "; display: inline-block; width: 14px; height: 14px; background: url("../images/gfyhicos.png"); background-size: 100%; position: relative; top: 1px; margin-right: 2px;}
.gr-tab .con2 th:nth-of-type(2):before{background-position-y: -14px;}
.gr-tab .con2 th:nth-of-type(3):before{background-position-y: -28px;}
.gr-tab .con2 th:nth-of-type(4):before{background-position-y: -42px;}
.phb-wrap h1{background: #00a6ab; color: #fff; padding: 10px; font-size: 18px; text-align: center; border-bottom: 1px solid #40bcc0;}
.phb-wrap th{background: #00a6ab; color: #fff; padding: 6px 0;}
.phb-wrap tr.dark{background: #e5e5e5;}
.phb-wrap tr.border{border-top: 1px solid #ccc;}
.phb-wrap td{padding: 8px 0; text-align: center;}
.phb-wrap td.b:before{content: " "; display: inline-block; width: 24px; height: 14px; margin-right: 4px;}
.phb-wrap td.b1:before{background: url("../images/hg.png"); background-size: 100%;}
.phb-wrap td.b2:before{background: url("../images/hg.png"); background-size: 100%; background-position-y: -14px;}
.phb-wrap td.b3:before{background: url("../images/hg.png"); background-size: 100%; background-position-y: -28px;}
.phb-wrap a.look{border: 1px solid #00a6ab; color: #00a6ab; display: inline-block; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; text-align: center;}
.phb-wrap a.look span{font-size: 14px; font-weight: bold; margin-top: -2px; position: relative; top: -2px;}
.zjbox{height: 100%; z-index: 9999; max-width: 640px;}
.zjbox img{width: 80%; margin: 0 auto; display: block;}
.zjbox .zjhb-c{width: 40%; top: 30%; position: absolute; z-index: 1; text-align: center; color: #000; font-weight: bold; font-size: 16px; left:30%;}
.zjbox .zjhb-c span{color: #d31619; padding-top: 8px;}
.mui-backdrop{z-index: 999; background: rgba(0,0,0,.5) !important;}
.zjbox .con{padding: 30px; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); z-index: 9999;}
#message{top: 50%; bottom: auto;}
.messageWrap{background: #fff; padding: 25px; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 90%; margin-left: 5%;}
.messageWrap textarea{margin-bottom: 10px;}
.messageWrap button{background: #00a6ab; border: 1px solid #00a6ab; color: #fff;}
.mui-popover{z-index: 9999;}

/*弹出框*/
.modal{top: 50%; bottom: auto; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.modal-content{box-shadow: none; border-radius: 0; border: none;}
.modal-header{padding: 10px;}
.modal-body input{margin-bottom: 0;}
.modal-body input.btn{height: 40px; background: #3498db; color: #fff; border: none;}
.choice-area a{border: 1px solid #eee; margin: 10px; padding: 7px; border-radius: 20px; display: block; text-align: center;}
.choice-area a.cur{background: #00a6ab; border-color: #00a6ab; color: #fff;}
.modal-body{height: 420px; overflow: auto;}
#backtop{position: fixed; bottom: 45px; right: 10px; background: #fff; height:35px; width:35px; text-align: center; z-index: 9999;}
#backtop img{width:20px; height:20px; margin-top: 7.5px;}

#huxing{height: 100%;}
.huxing-box{position: fixed; width: 100%; height: 100%; background: #000; top: -140%; z-index: 9999; max-width: 640px;}
.huxing-box .slideBox{position: relative; overflow: visible; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);}
.huxing-box .slideBox li img{width: 80%;}
.huxing-box .slideBox .hd{position: absolute; bottom: -30px; left: 0; text-align: center;}
.huxing-box .slideBox .hd li{border: 1px solid #999; width: 10px; height: 10px; margin-right: 5px; border-radius: 50%;}
.huxing-box .slideBox .hd li.on{background: #fff;}
.close-hx{color: #eee; position: absolute; right: 15px; top: 15px;}
.r-nav-c{height: 184px; transition: all .5s; -webkit-transition: all .5s;}
.r-nav-c.quick_links_min{height: 0; overflow: hidden; transition: all .5s; -webkit-transition: all .5s;}
.r-nav-close{text-align: center;}
.r-nav-close p{background: rgba(20,180,180,.8); width: 60px; transition: all .5s; -webkit-transition: all .5s; display: inline-block;}
.r-nav-close .mui-icon{font-size: 32px; font-weight: bold; color: #fff;}
.r-nav-close.quick_links_min_btn p{width: 32px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transition: all .5s; -webkit-transition: all .5s;}
.r-nav-close.quick_links_min_btn p .mui-icon{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.tw-list-item h4{padding: 8px 15px; color: #000;}
.tw-list-item p{padding: 0 15px;}
.tw-list-item a.rank-btn{color: #00a4a9; font-size: 18px; display: block; margin-left: 15px; margin-top: 15px; background: url("../images/twrank-icon.png") no-repeat left center; background-size: 40px; padding-left: 43px;}
.tw-list-item a.rank-btn small{color: #ddd; font-size: 14px;}
.tw-list-item li{float: left;}
.tw-list-item li a{display: block; line-height: 40px; margin: 0 10px; font-size: 12px;}
.tw-list-item li a span{color: #00a6ab;}
.tw-list-item li a.ico{position: relative;}
.tw-list-item li a.ico:after{content: " "; display: block; width: 1px; height: 20px; background: #00a6ab; position: absolute; right: -10px; top: 10px;}
.tw-list-item li a.ico:before{content: " "; display: inline-block; width: 25px; height: 18px; background: url("../images/tw-list-link.png"); background-size: 25px; position: relative; top: 3px;}
.tw-list-item li a.ico2:before{background-position-y: -18px;}
.tw-list-item li a.ico3:before{background-position-y: -36px;}
.gzh-box{padding: 10px 15px 5px; border-top: 1px solid #ddd;}
.gzh-box .td-model{vertical-align: middle;}
.gzh-box .td-model:first-child{width: 52px;}
.gzh-box img{width: 45px; height: 45px; display: inline-block;}
.gzh-box a.care{background: url("../images/addico.png") no-repeat left center; background-size: 18px; padding-left: 22px; color: #00a6ab;}
.tli2{padding-bottom: 15px;}
.phb-wrap h4{font-size: 14px;margin-top: 4px; color: #00a6ab; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;max-width: 500px;}
.phb-wrap h4 a{color: #333;}
.phb-wrap td.name{color: #0db1e4;}
.phb-wrap .table-model{margin-top: 4px;}
.phb-wrap .td-model{padding-left: 10px; vertical-align: top;}
.phb-wrap .td-model:last-child{padding-right: 10px;}
.phb-wrap .tw-list-item{padding: 0;}
.phb-wrap .tw-list-item li a{margin:0; margin-right: 5px; line-height: 30px;}
.phb-wrap .tw-list-item li a:after{display: none;}
.phb-wrap a.rank-btn{color: #00a4a9; font-size: 14px; display: block; margin-top: 8px; background: url("../images/twrank-icon.png") no-repeat left center; background-size: 40px; padding-left: 43px;}
.phb-wrap a.rank-btn small{color: #ccc; font-size: 14px;}
.mui-icon-arrowup:before {
    content: "\e580";
}
.bottom-btns{padding:20px;}
.bottom-btns a{display:inline-block; margin-right: 15px; color:#999;}
.bottom-btns a.zan{color:red;}
.ny-head-logo{position:absolute; top:10px; left:10px; width:80px;}
.listBox .hot-news{margin-top: 0; padding: 15px;}
.hot-news .user,.hot-news .time{line-height: 50px;}
.hot-news .user img{width: 50px; height: 50px; border-radius: 50%; margin-right: 10px;}
.hot-news .user p{color: #333;}
.hot-news .time{color: #999; margin-left: 10px;}
.hot-news h4{color: #333; margin: 10px 0; font-size: 16px;line-height: 25px;}
.hot-news .control{margin-top: 10px;}
.hot-news .control a{padding: 0 10px; border-right: 1px solid #01a6aa; color: #01a6aa;}
.hot-news .control a span{color: #333;}
.hot-news .control a:first-child{padding-left: 0;}
.hot-news .control a:last-child{padding-right: 0; border-right: none;}
.listBox .hot-authors{margin-top: 0; padding: 20px 15px 0 15px;}
.listBox .hot-authors img{width: 50px; height: 50px;}
.listBox .hot-authors .txt{padding: 10px; font-size: 14px;}
.listBox .hot-authors .td-model:first-child{width: 55px;}
.listBox .hot-authors .td-model:last-child{border-bottom: 1px solid #00a6ac;}
.mart5{margin-top: 5px;}
.profile-index{padding: 0 15px;}
.profile-index img.photo{width: 60px; height: 60px; border-radius: 50%;}
.profile-index li{border-top: 1px solid #01a6aa; padding: 20px 0;}
.profile-index li h4{font-size: 16px; color: #333; margin-bottom: 8px;line-height: 25px;}
.header-back .td-model:first-child,.header-back .td-model:last-child{width: 40px;}
.page-banner{position: relative;}
.page-banner span{position: absolute; top: 60px; right: 15px; color: #fff; font-size: 16px;}
.detial-video{padding: 15px;}
.detial-video img{ width:100%;}
.detial-video h1{font-size: 18px; color: #333;line-height: 28px;}
.detial-video .author{color: #999; margin-top: 10px;}
.video-box h2{position: absolute; bottom: 0; width: 100%; font-size: 16px; line-height: 36px; padding: 0 10px; background: rgba(0,165,170,.5); color: #fff;}
.video-box .play{position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px;}
.detial-video p{padding: 10px 0;}
.dv-title{padding: 5px 15px; color: #02a7ad; font-size: 16px;}
.like-box{padding: 10px 15px;}
.dv-title .pl-btn{color: #999;}
.like-box a.like-btn{display: block; width: 28px; height: 28px; background: url("../images/hert.png");}
.like-box a.like-btn.active{background-position-x: -28px;}
.like-box .td-model{vertical-align: top;}
.like-box .td-model:first-child{width: 45px;}
.like-box .td-model:last-child img{width: 30px; height: 30px; margin: 2px;}
.pl-list-box{padding: 15px;}
.pl-list-box .td-model{vertical-align: top;}
.pl-list-box .td-model:first-child{width: 45px;}
.pl-list-box .td-model:first-child img{width: 34px; height: 34px;}
.pl-list-box .table-model{border-bottom: 1px solid #3fbcc0; padding: 12px 0;}
.pl-list-box .table-model p{line-height: 26px;}
.pl-list-box .table-model a{color: #333;}
.pl-list-box a.morepl{padding: 15px 0; color: #00a4a9; display: block;}
.audio-box{border: 1px solid #ebebeb; padding: 10px; margin-top: 10px;}
.audio-box h4{font-size: 14px; color: #999; line-height: 18px; margin-left: 6px;}
.audio-icon{background: url("../images/audioicon.png"); width: 13px; height: 18px; background-size: 100%;background-position: 0px -142px;}
.audio-icon-dark{background: url("../images/audioicon-dark.png"); width: 13px; height: 18px; background-size: 100%;background-position: 0px -142px;}
@keyframes audio-act {
    0%{background-position-y: 0;}
    20%{background-position-y: -18px;}
    40%{background-position-y: -36px;}
    60%{background-position-y: -54px;}
    80%{background-position-y: -72px;}
    100%{background-position-y: -90px;}
}
@-webkit-keyframes audio-act {
    0%{background-position-y: 0;}
    20%{background-position-y: -18px;}
    40%{background-position-y: -36px;}
    60%{background-position-y: -54px;}
    80%{background-position-y: -72px;}
    100%{background-position-y: -90px;}
}
@-moz-keyframes audio-act {
    0%{background-position-y: 0;}
    20%{background-position-y: -18px;}
    40%{background-position-y: -36px;}
    60%{background-position-y: -54px;}
    80%{background-position-y: -72px;}
    100%{background-position-y: -90px;}
}
.audio-act{animation: audio-act 2s steps(1) infinite; -webkit-animation: audio-act 2s steps(1) infinite; -moz-animation: audio-act 2s steps(1) infinite;}
.waterfull{
	margin: 0 auto;
}
.waterfull ul li{
	float: left;
	width: 33.3%;
	margin: 0 0 10px;
	background: #fff;
	position: relative;
	overflow: hidden;
}
.waterfull ul li .a-img{
	width: 100%;
	display: block;
	position: relative;
}
.waterfull ul li .a-img img{
	width: 100%;
	display: block;
}