.ylands_top{height: 60px;position: relative;font-size: 14px;color: #fff;z-index: 1000;box-sizing: border-box;}
*,*::before,*::after{box-sizing: inherit;}
.ylands_top a{color: inherit;}
.topmain_width{position: relative;padding: 0 20px;max-width: 1860px;margin: 0 auto;z-index: 1;}
.ylands_top_content{width: 100%;height: 60px;background: #da4113;position: absolute;left: 0;top: 0;box-shadow: 3px 7px 3px rgba(7,7,7,0.16);z-index: 1001;}
.fix_content{position: fixed;}
.ylands_logo{display: block;width: 114px;height: 52px;background: url(../images/logo2.png) no-repeat;text-indent: -9999px;margin: 7px 0 0 18px;float: left;background-size: 100%;}
.y_nav{float: left;margin: 20px 0 0 20px;}
.y_nav li{float: left;position: relative;}
.y_nav>li:before{width: 1px;height: 12px;background: #feffff;content: '';position: absolute;right: 0;top:7px;}
.y_nav>li:last-child:before{width: 0;}
.y_nav li a{display: inline-block;color: #feffff;padding: 3px 35px;}
.y_nav li a:hover{color: #ffe096;}
.opt_z{/*float: right;*/margin:18px 20px 0 0; position: absolute;right: 0;}
.header_search{float: left;background: #da4113;width: 180px;height: 34px;line-height: 26px;position: relative;margin-right: 5px;padding: 4px;box-sizing: border-box;margin-top: -5px;border-radius: 15px;border: 1px solid #f9ba22;}
.header_search input{border: 0;line-height: 26px;padding: 0 12px;background: none;width: 170px;color: #fff;box-sizing: border-box;}
.header_search input::placeholder{color: #e8efff;}
.header_search .btn_search{position: absolute;right: 0;top: 0;width: 30px;height: 34px;background: url(../images/mess.png) no-repeat;text-indent: -9999px;background-position: -288px 7px;display: block;background-size: auto 18px;}
.y_nav_right{float: left;padding-top: 2px;}
.y_nav_right a{margin: 0 10px;width: 27px;height: 22px;background: url(../images/mess.png) no-repeat;text-indent: -9999px;float: left;display: block;}
.opt_z a.ring{background-position: 0 0;}
.opt_z a.gift{background-position: -52px 0;}
.opt_z a.message{background-position: -101px 0;}
.opt_z a.listen{background-position: -202px 0;}
.opt_z a.upload{background-position: -255px 0;}
.opt_z a.users{background-position: -305px 0;}
.download{display: block;width: 156px;height: 25px;background: url("../images/dowload.png") no-repeat;text-indent: -9999px;float: left;}
.logined{height: 24px;line-height: 24px;float: left;margin: 0 30px 0 18px;display: inline-block;}
.avater{width: 26px;height: 26px;border: 2px solid #fff;background: #fff;display: inline-block;}
.logined .icon-red{display: inline-block;height: 26px;width: 26px;position: relative;}
.logined .icon-red i{width: 10px;height: 10px;background: #f00;display: block;position: absolute;right: -4px;z-index: 1;border-radius: 100%;}
.yname{padding-left: 16px;}
.y_slice{padding: 0 16px 0 5px;}
#login{display: none;}
#logined{display: block;}
.logined a,.logined span{display: inline-block;vertical-align: middle;}
#ost_g{display: none;}
.wegameLogin{z-index: 9999;}
.h_nav_right{float: left;line-height: 26px;}
.h_nav_right a{padding: 0 6px;}

.search_down_con {display: none;width: 210px;position: absolute;left: 0px;top: 34px;box-shadow: 0px 2px 5px rgba(0,0,0,0.3);max-height: 240px;background: #fff;overflow: auto;}
.search_down_con ul li{color:#000000;width:100%; height:26px; line-height:26px; overflow:hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.search_down_con ul a{display: block;padding: 0 12px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;}
.search_down_con ul li a:hover{ color: #fd7113;}


@media screen and (max-width: 1600px){
    .y_nav li a{padding: 3px 22px;}
    .topmain_width{width: 1200px;padding: 0;}
}

/*dia*/
.dia_qa{position: relative;background: url("../images/dia_bg.png") no-repeat;width: 490px;height: 185px;box-sizing: border-box;margin:  20px;}
.dia_qa,.dia_qa::before,.dia_qa::after{box-sizing: inherit;}
.dia_qa .girl{background: url("../images/dia_img1.png") no-repeat;width: 136px;height: 194px;position: absolute;top: -23px;left: -10px;}
.dia_qa .boy{background: url("../images/dia_img2.png") no-repeat;width: 133px;height: 244px;position: absolute;top: -50px;left: -10px;}
.dia_qa .btn-qa{background: url("../images/dia_btn.png") no-repeat;width: 125px; height: 36px;display: block;text-indent: -9999px;position: absolute;left: -10px;bottom: 20px;}
.dia_qa .qa-content{padding: 10px 37px 0 140px;font-size: 13px;color: #666;text-align: justify;}
.dia_qa .btn-close{background: url("../images/dia_close.png") no-repeat;width: 52px; height: 49px;position: absolute;right: 0;top:-20px;text-indent: -9999px;}
.dia_qa .btn-close.back{background: url("../images/dia_back.png") no-repeat;}
.dia_qa .btn-link{width: 100px;height: 28px;line-height: 28px;background: #4487fc;color: #fff;font-size: 12px;display: inline-block;border-radius: 15px;text-align: center;margin: 0 4px 4px 0;float: left;overflow: hidden;}
.dia_qa .text-line3{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 10px;}
.dia_qa .text-line5{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 5;-webkit-box-orient: vertical;margin-bottom: 10px;line-height: 22px;}
.dia_qa .btn-change{font-size: 12px;position: absolute;right: 35px;bottom: 13px;text-decoration: underline;}
.dia_qa2 .btn-link{background: #f2a730;margin-top: 5px;}
.dia_qa .text-line2{font-weight: bold;}

.dialog-top{z-index: 9999;position: fixed;left: 50%;top: 80px;margin-left: -200px;}
/*dia*/


/*sub-nav*/
.y_nav{height: 40px;overflow: hidden;}
.y_nav li .nav-title{margin-bottom: 30px;position: relative;}
.y_nav .sub-nav li{margin-bottom: 8px;float: none;text-align: center;}
.y_nav .sub-nav a{line-height: 16px;padding: 5px 0;display: block;}
.y_nav .sub-nav a:hover,.y-header .sub-nav a.on{color: #ffb400;}
.ylands_top .sub-menu-bg {position: absolute;top: 60px;left: 0;width: 100%;height: 0;overflow: hidden;z-index: -1;background: #1d346b;background: rgba(29, 52, 107, .8);box-shadow: inset 3px 0 10px rgba(0, 0, 0, .3);transition: height .2s ease-in-out;}
.ylands_top_active .y_nav {height: 260px;}
.ylands_top_active .sub-menu-bg{height: 260px;}

/*sub-nav*/




