html,body,div,ul,ol,li,span,p,a,b,i,img,h1,h2,h3,input,select,textarea{margin: 0; padding: 0; border: 0; outline: none; list-style: none;}
html,body{ width: 100%; height: 100%; font-family: "Microsoft YaHei"; min-width: 1280px; max-width: 1920px; margin: 0 auto; position: relative;}
a{text-decoration: none;}

input:-internal-autofill-selected {
    background-color:transparent!important;
}

.home{ width: 100%; height: 100%; max-height: 1080px; position: relative; overflow: hidden; }
.swiper-container{ width: 100%; height: 100%; position: relative;}
.swiper-container .swiper-slide{width: 100%; height: 100%; position: relative; overflow: hidden;}
.swiper-container .swiper-slide.footer_slide{ height: 500px; }

#pic-scroll {position: relative;height:100%;overflow: hidden; z-index: 1;}
#pic-scroll li {float:left;left:100%;position: absolute;top:0;width:100%;height: 100%;}
#pic-scroll li.cur {left:0;}
#pic-scroll li a {display: block;width:100%; height: 100%; background-position: top center; background-repeat: no-repeat;}

#pic-scroll .pic-scroll-nav {position: absolute;bottom: 10px;right:0;text-align: right;width:100%;z-index: 999}
#pic-scroll .pic-scroll-nav span {display: inline-block;margin:0 5px;position: relative;width: 50px;height:5px;padding: 10px 0;cursor: pointer;}
#pic-scroll .pic-scroll-nav span.active {cursor:auto;}
#pic-scroll .pic-scroll-nav i,.pic-scroll-nav em {position:absolute;top:10px;left:0;width:100%;height: 5px;background: #fff;opacity: .4;z-index: 997}
#pic-scroll .pic-scroll-nav em {z-index:998;width: 0;opacity: 1; background-color: #fe4768}

#pic-scroll .arrow {position: absolute;width:45px;height: 80px;top:50%;margin-top:-40px;z-index: 99;cursor:pointer;display: none; background-color: #333; background-image: url(//x.haowanyou.com/style/img/ico_arrow_1.png);}
#pic-scroll .arrow:hover { background-color: #fd5876 }
#pic-scroll .btn-prev {left:0px; background-position: left}
#pic-scroll .btn-next {right:0px; background-position: right}



.acc_top_bar{ width: 100%; height: 40px; border-bottom: 1px #eee solid; }
.acc_top_bar .in_left{ float: left; padding-left:60px; line-height: 40px; }
.acc_top_bar .in_left span{ color: #bbb; padding: 0 10px; float: left;}
.acc_top_bar .in_left a{ color: #333; float: left; padding: 0 5px}
.acc_top_bar .in_right{ float: right; margin-right: 50px; border-right: 1px #eee solid; height: 40px; line-height: 40px; }
.acc_top_bar .in_right a{ width: 140px; float: left; border-left:1px #eee solid; display: block; text-align: center; color: #999}
.acc_top_bar a:hover{ color:#ffa016}
.acc_top_bar .in_right a i{ display: inline-block; width: 20px; height: 21px; margin-right: 6px; background-image: url(//x2.haowanyou.com/style/img/sprite.png); vertical-align: middle; margin-top: -4px;}
.acc_top_bar .in_right a i{ *display: inline; }
.acc_top_bar .in_right a.topbar_account i{ background-position: 0 0 }
.acc_top_bar .in_right a.topbar_pay i{ background-position: -20px 0 }
.acc_top_bar .in_right a.topbar_service i{ background-position: -40px 0 }
.acc_top_bar .in_right a.topbar_jiazhang i{ background-position: -165px 0 }


.top_bar{ width: 100%; height: 90px; background-color: rgba(255,255,255,.96); background-color: #fff\9; position: fixed; top: 0; left: 0; z-index: 8;}
.top_bar .inner{ width: 100%; max-width: 1440px; margin: 0 auto; height: 90px; position: relative;}
.top_bar .logo{ float: left; width: 190px; display: block; margin-top: 20px; }
.top_bar .nav{ height: 16px; float: right; margin-right:20px; line-height: 16px; margin-top: 36px; font-size: 16px;}
.top_bar .nav a{ min-width: 100px; padding: 0 15px; height: 16px; display: block; float: left; text-align: center; position: relative; color: #333 }
.top_bar .nav a:hover{ color: #f14e62 }
.top_bar .nav a.cur{ color: #f14e62 }
.top_bar .nav a:nth-child(-n+4):before{ content: ""; width: 1px; height: 16px; display: block; background-color: #ddd; position: absolute; top: 0; right: 0; }

.top_bar .pro_btn{ float: right; width: 115px; background-color: #fe4768; height: 110px; text-align: center; cursor: pointer; position: relative;}
.top_bar .pro_btn:before{content: ""; display: block; width: 100%; height: 0; transition: ease-out .3s; background-color: rgba(31,31,31,.9); position: absolute; top: 0; left: 0; z-index: 1;}
.top_bar .pro_btn i{ width: 34px; height: 4px; display: block; margin: 0 auto; background-color: #fff; position: relative; top: 40px; z-index: 2; transition: .5s}
.top_bar .pro_btn i:before{ content: ""; display: block; width: 34px; height: 4px; background-color: #fff; position: absolute; top: -10px; left: 0; transition: .5s; transform-origin: 100% 50%;}
.top_bar .pro_btn i:after{ content: ""; display: block; width: 34px; height: 4px; background-color: #fff; position: absolute; bottom: -10px; left: 0; transition: .5s; transform-origin: 100% 50%; }
.top_bar .pro_btn span{ display: block; position: relative; top: 65px; width: 100%; font-size: 15px; color: #fff; transition: .5s; z-index: 2;}
.top_bar .pro_btn:hover i:before{ transform: rotate(-10deg); }
.top_bar .pro_btn:hover i:after{ transform: rotate(10deg); }
.top_bar .pro_btn.show:before{ height: 90px; transition: ease-in .3s; background-color: #000\9; background-image: url(//x.haowanyou.com/style/img/nav_close.png)\9; background-position: center center; background-repeat: no-repeat;}
.top_bar .pro_btn.show i{ background-color: transparent; transform: translate3d(-8px,3px,0); transform: translate3d(0,0,0)\9\0; left: -8px\9; filter:alpha(opacity=0)\9;}
.top_bar .pro_btn.show i:before{ transform: rotate(-45deg); top: -14px; width: 38px; background-color: #fe4768; border-radius: 4px;}
.top_bar .pro_btn.show i:after{ transform: rotate(45deg); bottom: -14px; width: 38px; background-color: #fe4768; border-radius: 4px;}
.top_bar .pro_btn.show span{ opacity: 0; display: none\9; }
@media all and (min-width:0) {
	.top_bar .pro_btn.show i{filter:alpha(opacity=100)\9\0;}
}

.top_bar .pro_box{ width: 100%; max-width: 1440px; height: 0; overflow: hidden; background-color: rgba(31,31,31,.96); background-color: #000\9; position: absolute; top: 90px; left: 0; transition: ease-in .5s; padding: 0 60px; box-sizing: border-box;}
.top_bar .pro_box.show{ height: 300px; transition: ease-out .5s;}
.top_bar .pro_box .pro_list{ padding: 40px 0 0; box-sizing: border-box; overflow: hidden; float: left; position: relative;}
.top_bar .pro_box .pro_list:before{ content: ""; display: block; width: 1px; height: 100%; background-color: rgba(255,255,255,.1); position: absolute; right: 50px; top: 40px; }
.top_bar .pro_box .pro_list.pro_new{ width: 25%;}
.top_bar .pro_box .pro_list.pro_hot{ width: 50%;}
.top_bar .pro_box .pro_list.pro_classic{ width: 25%; }
.top_bar .pro_box .pro_list.pro_new:before{ display: none }
.top_bar .pro_box .pro_list h2{ font-size: 16px; color: #888; padding-left: 10px; line-height: 15px; position: relative; font-weight: normal; margin-bottom: 10px; }
.top_bar .pro_box .pro_list h2:before{ content: ""; width: 3px; height: 15px; background-color: #fe4768; display: block; position: absolute; top: 1px; left: 0}
.top_bar .pro_box .pro_list ul li{ width: 100%; float: left; margin: 15px 0; height: 60px;}
.top_bar .pro_box .pro_list.pro_hot ul li{ width: 50%; float: left; margin: 15px 0; height: 60px;}
.top_bar .pro_box .pro_list ul li a{ width: 100%; height: 100%; display: block; }
.top_bar .pro_box .pro_list ul li img{ width: 60px; display: block; float: left; transition: .5s}
.top_bar .pro_box .pro_list ul li .pro_info{ float: left; padding-left: 10px; }
.top_bar .pro_box .pro_list ul li .pro_info h1{ font-size: 18px; color: #fff; display: block; font-weight: normal; line-height: 36px; transition: .5s}
.top_bar .pro_box .pro_list ul li .pro_info h1:after{content: ""; width: 11px; height: 11px; display: inline-block; margin-left: 10px;}
.top_bar .pro_box .pro_list ul li .pro_info h1.i_hot:after{ background-position: left; background-image: url(//x.haowanyou.com/style/img/ico_hot_new.png); }
.top_bar .pro_box .pro_list ul li .pro_info h1.i_new:after{ background-position: right; background-image: url(//x.haowanyou.com/style/img/ico_hot_new.png); }
.top_bar .pro_box .pro_list ul li .pro_info span{ display: block; font-size: 14px; color: #888 }
.top_bar .pro_box .pro_list ul li:hover img{ transform: scale(1.05); }
.top_bar .pro_box .pro_list ul li:hover h1{ color: #f14e62 }

.part_1 .arrow_down{ width: 90px; display: block; position: absolute; bottom: 20px; left: 50%; margin-left: -45px; z-index: 3;}
.part_1 .arrow_down img{ display: block; animation: Arrow .5s linear alternate infinite;}

@-webkit-keyframes Arrow {
	from { transform: translateY(0); }
	to { transform: translateY(10px); }
}
@keyframes Arrow {
	from { transform: translateY(0); }
	to { transform: translateY(10px); }
}


.part_2{ background-image: url(//x.haowanyou.com/style/img/part_2_bg.jpg); background-position: center center; background-repeat: no-repeat; }
.part_2 .title_box{ width: 100%; position: absolute; top: 16%; left: 0; text-align: center; }
.part_2 .title_box h1{ font-size: 40px; color: #333; display: block; line-height: 40px; }
.part_2 .title_box span{ display: block; color: #999; font-size: 16px; padding-top: 10px; }
.part_2 .part_2_inner{ width: 100%; max-width: 1700px; min-width: 1280px; height: 483px; margin: 0 auto; position: relative; top: 50%; margin-top: -180px;}
.part_2 .focus{ width: 680px; height: 483px; float: left; position: relative; z-index: 1;}
.part_2 .focus:before{ width: 240px; height: 840px; display: block; content: ""; background-image: url(//x.haowanyou.com/style/img/focus_bg.png); position: absolute; top: -120px; left: 0; z-index: 0; }
.part_2 .focus .focus_img{ width: 680px; height: 397px; background-color: #333; overflow: hidden; position: relative; z-index: 2; display: block;}
.part_2 .focus .focus_img img{ width: 100%; display: block; }
.part_2 .focus .focus_tab{ width: 670px; height: 76px; padding:5px 5px; background-color: #000; position: relative; z-index: 3;}
.part_2 .focus .focus_tab a{ width: 128px; height: 72px; display: block; float: left; margin: 0 1px; overflow: hidden; border: 2px #000 solid; transition: .5s; opacity: .5}
.part_2 .focus .focus_tab a img{ display: block; width: 100%;}
.part_2 .focus .focus_tab a:hover{ transform: translateY(-10px); border: 2px #ff5f7d solid; opacity: 1;}
.part_2 .focus .focus_tab a.cur{ transform: translateY(-10px); border: 2px #ff5f7d solid; opacity: 1;}

.part_2 .news{ float: left; position: relative; z-index: 2;}
.part_2 .news ul li{ width: 49%; margin-left: 1%; float: left; margin-bottom: 5px; height: 117px; position: relative; overflow: hidden; background-color: #fff; transition: .5s}
.part_2 .news ul li a{ width: 100%; height: 100%; display: block; }
.part_2 .news ul li h1{ display: block; width: calc(100% - 150px); width: 50%\9; display: block; float: left; margin: 32px 0 0 25px; font-size: 16px; color: #333; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: .5s}
.part_2 .news ul li p{ font-size: 14px; color: #999; padding: 10px 0 0 25px; width: calc(100% - 100px); width: 80%\9; display: block; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.part_2 .news ul li .news_time{ font-size: 14px; color: #999; position: absolute; top: 33px; right: 25px; }
.part_2 .news ul li:before{ content: ""; width: 20px; height: 8px; display: block; background-image: url(//x.haowanyou.com/style/img/ico_arrow_3.png); position: absolute; bottom: 30px; right: 25px; transition: .5s}
.part_2 .news ul li:after{ content: ""; width: 0; height: 2px; display: block; background-color: #ff5575; position: absolute; bottom: 0; left: 0; transition: .5s}
.part_2 .news ul li:hover:after{ width: 100%; }
.part_2 .news ul li:hover{box-shadow: 0 0 30px rgba(0,0,0,.2); z-index: 2;}
.part_2 .news ul li:hover h1{ color: #ff5575 }
.part_2 .news ul li:hover:before{ transform: translateX(5px); }
.part_2 .news ul li.news_hot{ height: 239px;}
.part_2 .news ul li.news_hot h1{ font-size: 20px; width: 90%;}
.part_2 .news ul li.news_hot .news_info{ padding: 25px; overflow: hidden; clear: both;}
.part_2 .news ul li.news_hot .news_info img{ width: 130px; height: 77px; display: block; float: left; }
.part_2 .news ul li.news_hot .news_info p{ width: calc(100% - 145px); width: 67%\9; float: right; padding: 0; line-height: 25px; display: block; height: 75px; overflow: hidden; white-space: normal; }
.part_2 .news ul li.news_hot .news_time{ top: inherit; bottom: 25px; right: inherit; left: 25px; }
.part_2 .news_more{ width: 200px; height: 50px; background-color: #fff; border-radius: 50px; text-align: center; line-height: 50px; font-size: 14px; color: #fd5c77; position: absolute; top: 50%; margin-top: 280px; left: 50%; margin-left: -100px; transition: .5s}
.part_2 .news_more:hover{ background-color: #fd5c77; color: #fff; }

.part_3 .pro_img{ width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 1; background-image: url(//x.haowanyou.com/style/img/loading.gif); background-position: 30% 50%; background-repeat: no-repeat;}
.part_3 .pro_img img{ width: 1920px; height: 1080px; position: absolute; top: 50%; margin-top: -540px; left: 50%; margin-left: -960px; z-index: 1; pointer-events: none;}
.part_3 .pro_img video{ width: 1920px; height: 1080px; position: absolute; top: 50%; margin-top: -540px; left: 50%; margin-left: -960px; z-index: 2; pointer-events: none;}
.part_3 .pro_float{ width: 1044px; height: 100%; position: absolute; top: 0; right: -350px; background-image: url(//x.haowanyou.com/style/img/pro_bg.png); background-position: left center; z-index: 2; transition: .5s}
.part_3 .pro_float.show{ right: 0 }
.part_3 .pro_info{ width: 420px; padding: 115px 0 0 130px; display: none}
.pro_info .website{ width: 80px; height: 80px; display: block; line-height: 80px; text-align: center; position: absolute; top: 50%; margin-top: -18px; left: 5px; background-color: #ff6b67; color: #fff; font-size: 16px; box-shadow: 0 0 15px rgba(255,255,255,.7) inset; border-radius: 80px; transition: .5s}
.pro_info .website:hover{ background-color: #f34859 }
.pro_info .pro_logo{ display: block; margin: 0 auto; max-width: 220px; max-height: 115px; }
.pro_info .pro_txt{ font-weight: normal; color: #000; font-size: 16px; display: block; text-align: center; }
.pro_info .pro_intro{ font-size: 14px; color: #666; display: block; line-height: 25px; padding: 20px 0; }
.pro_info .pro_download{ width: 100%; height: 62px; position: relative; }
.pro_info .pro_download a{ width: 60px; height: 60px; display: block; float: left; margin-right: 20px; border: 1px #000 solid; border-radius: 60px; background-image: url(//x.haowanyou.com/style/img/ico_download.png); transition: .5s}
.pro_info .pro_download a.download_ios{ background-position: -1px -2px }
.pro_info .pro_download a.download_android{ background-position: -60px 0 }
.pro_info .pro_download a.download_qrcode{ background-position: -120px 0 }
.pro_info .pro_download a:hover{ background-color: #fff; filter: invert(100%) brightness(120%) }
.pro_info .pro_download .download_qrcode_img{ width: 120px; padding: 3px; background-color: #fff; border-radius: 5px; position: absolute; top: -130px; left: 130px; z-index: 2; box-shadow: 0 0 10px rgba(0,0,0,.3); transition: .5s; opacity: 0; filter: alpha(opacity=0)\9; }
.pro_info .pro_download .download_qrcode_img img{ display: block; width: 100%; }
.pro_info .pro_download .download_qrcode_img span{ display: block; font-size: 14px; color: #999; text-align: center; padding: 3px 0 }
.pro_info .pro_download .download_qrcode_img:before{ width: 10px; height: 10px; display: block; content: ""; background-color: #fff; transform: rotate(45deg); position: absolute; bottom: -5px; left: 50%; margin-left: -5px; }
.pro_info .pro_download a.download_qrcode:hover + .download_qrcode_img{ top: -155px; opacity: 1; filter: alpha(opacity=100)\9; }
.pro_info .pro_download .btn_yuyue{ width: 180px; height: 56px; display: block; margin: 0 auto; float: none; background-image: url(//x.haowanyou.com/style/img/ico_yuyue.png); font-size: 16px; color: #fff; text-align: center; text-indent: -913px; line-height: 56px; border: 0;}
.pro_info .pro_download .btn_yuyue:hover{ background-color: transparent; filter: none; transform: translateY(-5px); }
.pro_info .pro_download .btn_yuyue:before{ content: "立即下载"; display: block; text-indent: 13px; }

.pro_info .pro_focus{ width: 420px; height:200px; position: relative; overflow: hidden; margin-top: 20px;}
.pro_info .pro_focus ul li{ width: 100%; height: 100%; overflow: hidden;}
.pro_info .pro_focus ul li img{ width: 100%; display: block; }
.pro_info .pro_focus .slide {position:relative;}
.pro_info .pro_focus .flex-control-paging {position:absolute; bottom:10px; text-align:right; right: 6px; z-index: 2;}
.pro_info .pro_focus .flex-control-paging li { display:inline-block; margin:0 4px; width: 10px; height: 10px;}
.pro_info .pro_focus .flex-control-paging li a { display:block; background:#fff; width: 10px; height: 10px; border-radius: 10px; text-indent:-9000px; cursor:pointer; font-size: 0;}
.pro_info .pro_focus .flex-control-paging li a.flex-active { background:#f00;}

.pro_info .pro_honor{ width: 100%; padding-top: 20px; }
.pro_info .pro_honor span{ display: block; font-size: 16px; color: #666; padding-bottom: 10px; }
.pro_info .pro_soc{ width: 100%; padding-top: 20px; }
.pro_info .pro_soc span{ display: block; font-size: 16px; color: #666; padding-bottom: 10px; }
.pro_info .pro_soc .soc_box{ width: 100%; height: 60px; background-color: #fff; text-align: center; position: relative;}
.pro_info .pro_soc .soc_box a{ width: 139px; height: 30px; line-height: 30px; display: block; float: left; font-size: 14px; color: #666; border-right: 1px #eee solid; text-indent: 23px; margin-top: 15px; position: relative; z-index: 2;}
.pro_info .pro_soc .soc_box a:before{ content: ""; display: block; width: 35px; height: 30px; background-image: url(//x.haowanyou.com/style/img/ico_soc.png); position: absolute; top: 0; left: 15px; }
.pro_info .pro_soc .soc_box a.soc_wx:before{ background-position: 0 0 }
.pro_info .pro_soc .soc_box a.soc_wb:before{ background-position: -35px 0 }
.pro_info .pro_soc .soc_box a.soc_tb:before{ background-position: -70px 0 }
.pro_info .pro_soc .soc_box a.soc_tb{ border-right: 0;  }
.pro_info .pro_soc .soc_box a:hover{ color: #000 }
.pro_info .pro_soc .soc_box .wx_qrcode{ width: 120px; padding: 3px; background-color: #fff; border-radius: 5px; position: absolute; top: -90px; left: 10px; z-index: 1; box-shadow: 0 0 10px rgba(0,0,0,.3); transition: .5s; opacity: 0;filter: alpha(opacity=0)\9}
.pro_info .pro_soc .soc_box .wx_qrcode img{ display: block; width: 100%; }
.pro_info .pro_soc .soc_box .wx_qrcode:before{ width: 10px; height: 10px; display: block; content: ""; background-color: #fff; transform: rotate(45deg); position: absolute; bottom: -5px; left: 50%; margin-left: -5px; }
.pro_info .pro_soc .soc_box a.soc_wx:hover + .wx_qrcode{ top: -115px; opacity: 1; filter: alpha(opacity=100)\9 }

.part_3 .pro_recomend{ width: 100px; height: 100%; background-color: #fafbfb; border-right: 1px #e1e1e0 solid; position: absolute; top: 0; right:351px;}
.pro_recomend h2{ font-size: 18px; color: #333; display: block; text-align: center; padding-top: 140px; font-weight: normal; }
.pro_recomend .pro_tab{ width: 60px; margin: 0 auto; padding-top: 20px;}
.pro_recomend .pro_tab a{ width: 60px; display: block; margin: 20px 0; box-shadow: 0 5px 6px rgba(0,0,0,.1); border-radius: 20px; float: right; transition: .5s}
.pro_recomend .pro_tab a img{ width: 100%; display: block; }
.pro_recomend .pro_tab a:hover{ width: 88px; }
.pro_recomend .pro_tab a.cur{ width: 88px;}
.pro_recomend .float_open{ width: 76px; height: 76px; display: block; background-image: url(//x.haowanyou.com/style/img/ico_close.png); background-position: left; position: absolute; bottom: 30px; left: 12px; transition: .5s; animation: Open .5s linear infinite alternate;}
.pro_recomend .float_open:hover{ transform: translateY(-5px);}
.pro_recomend .float_open.show{background-position: right; animation: none;}

@-webkit-keyframes Open {
	from { transform: translateY(0); }
	to { transform: translateY(-5px); }
}
@keyframes Open {
	from { transform: translateY(0); }
	to { transform: translateY(-5px); }
}

.part_3 .pro_all{ width: 350px; height: 100%; background-color: #fafbfb; border-right: 1px #e1e1e0 solid; position: absolute; top: 0; right: 0;}
.pro_all h2{ font-size: 18px; color: #333; display: block; text-align: left; padding-top: 140px; font-weight: normal; width: 290px; margin: 0 auto; border-bottom: 1px #e1dfdf solid; padding-bottom: 20px;}
.pro_all .pro_list{ width: 290px; margin: 0 auto; overflow: hidden; padding-top: 20px; }
.pro_all .pro_list a{ font-size: 16px; color: #333; display: block; font-weight: normal; line-height: 48px; transition: .5s; width: 50%; float: left;}
.pro_all .pro_list a:hover{ color: #fe4768 }
.pro_all .pro_list a:after{content: ""; width: 11px; height: 11px; display: inline-block; margin-left: 10px;}
.pro_all .pro_list a.i_hot:after{ background-position: left; background-image: url(//x.haowanyou.com/style/img/ico_hot_new.png); }
.pro_all .pro_list a.i_new:after{ background-position: right; background-image: url(//x.haowanyou.com/style/img/ico_hot_new.png); }

.pro_status{ width: 290px; margin:40px auto 0; height: 15px; line-height: 15px; padding: 20px 0; border-top: 1px #e1dfdf solid; border-bottom: 1px #e1dfdf solid; text-align: center;}
.pro_status span{ display: inline-block; font-size: 14px; color: #999; text-align: center; width: 40%; }
.pro_status span:before{content: ""; width: 11px; height: 11px; display: inline-block; margin-right: 5px;}
.pro_status span.i_hot:before{ background-position: left; background-image: url(//x.haowanyou.com/style/img/ico_hot_new.png); }
.pro_status span.i_new:before{ background-position: right; background-image: url(//x.haowanyou.com/style/img/ico_hot_new.png); }

.part_4{ background-image: url(//x.haowanyou.com/style/img/part_4_bg.jpg); background-position: center center; background-repeat: no-repeat; position: relative;}
.part_4 .title_box{ width: 100%; position: absolute; top: 135px; text-align: center; }
.part_4 .title_box h1{ font-size: 40px; color: #333; display: block; line-height: 40px; }
.part_4 .title_box span{ display: block; color: #999; font-size: 16px; padding-top: 10px; }
.part_4 .swiper_video{ width: 100%; height: 444px; position: absolute; top: 50%; margin-top: -180px; left: 0; }
.swiper_video .swiper-slide{ width: 420px; height: 444px;}
.swiper_video .swiper-slide .video_img{ width: 400px; overflow: hidden; }
.swiper_video .swiper-slide .video_img img{ width: 400px; display: block; transition: .5s}
.swiper_video .swiper-slide:hover .video_img img{ transform: scale(1.05); }
.swiper_video .swiper-slide .txt{ min-width: 300px; max-width: 260px; position: absolute; top: 260px; left:20px; border-bottom: 1px rgba(255,255,255,.2) solid; border-bottom: 1px #6f6559 solid\9; padding-bottom: 20px; }
.swiper_video .swiper-slide .txt h1{ font-size: 30px; color: #fff; display: block; white-space: normal; }
.swiper_video .swiper-slide .txt span{ color: #14px; color: #fff; display: block; padding-top: 5px; }
.swiper_video .swiper-slide .txt:before{ content: ""; display: block; width: 45px; height: 45px; background-image: url(//x.haowanyou.com/style/img/ico_video.png); position: absolute; bottom: -60px; left: 0; transition: .5s }
.swiper_video .swiper-slide:hover .txt:before{ transform: rotate(123deg); }

.arrow_box{ width: 92px; position: absolute; top: 760px; right: 50px; z-index: 3;}
.arrow_box a{ width: 44px; height: 26px; background-image: url(//x.haowanyou.com/style/img/ico_arrow_2.png); }
.arrow_box a.arrow_left{ float: left; background-position: left top; }
.arrow_box a.arrow_right{ float: right; background-position: right top; }
.arrow_box a.arrow_left:hover{ background-position: left bottom }
.arrow_box a.arrow_right:hover{ background-position: right bottom }

.particle-network-animation{ position: absolute; top: 0; left: 0; height: 100vh; width: 100%;}


.mask{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 8; background-color: rgba(0,0,0,.9); background-color: #000\9; filter:alpha(opacity=90); display: none}
.pop_video{ width: 960px; height: 540px; position: absolute; top: 50%; margin-top: -290px; left: 50%; margin-left: -480px; z-index: 9; padding: 4px; background-color: #000; display: none}
.pop_video video{width: 960px; height: 540px;}
.pop_video .video_close{ width: 60px; height: 60px; display: block; background-color: #fe4768; position: absolute; top: 0; right: -60px; transition: .5s}
.pop_video .video_close:before{ content: ""; display: block; width: 40px; height: 2px; border-radius: 2px; background-color: #fff; position: absolute; top: 27px; left: 11px; transform: rotate(45deg); }
.pop_video .video_close:after{ content: ""; display: block; width: 40px; height: 2px; border-radius: 2px; background-color: #fff; position: absolute; top: 27px; left: 11px; transform: rotate(-45deg); }
.pop_video .video_close:hover{ transform: rotate(90deg); }


.footer{ width: 100%; height: 360px; background-image: url(//x.haowanyou.com/style/img/footer_bg.jpg); background-position: top center; background-repeat: no-repeat; position: relative;}
.footer .foot_logo{ display: block; float: left; margin: 100px 0 0 120px; }
.footer .footer_nav_box{ width: 1000px; float: right; margin: 60px 0 0 0; }
.footer .footer_nav_box ul li{ width: 250px; float: left; }
.footer .footer_nav_box ul li span{ font-size: 18px; color: #fff; display: block; line-height: 30px; padding-bottom: 15px;}
.footer .footer_nav_box ul li span:before{ content: ""; display: inline-block; width: 30px; height: 30px; background-image: url(//x.haowanyou.com/style/img/ico_foot.png); vertical-align: middle; margin-top: -2px; margin-right: 5px;}
.footer .footer_nav_box ul li.foot_nav_1 span:before{ background-position: 0 0 }
.footer .footer_nav_box ul li.foot_nav_2 span:before{ background-position: -30px 0 }
.footer .footer_nav_box ul li.foot_nav_3 span:before{ background-position: -60px 0 }
.footer .footer_nav_box ul li.foot_nav_4 span:before{ background-position: -90px 0 }
.footer .footer_nav_box ul li a{ display: block; font-size: 14px; color: #999; line-height: 28px; margin-left: 10px; transition: .5s}
.footer .footer_nav_box ul li a:hover{ color: #fff }
.footer .foot{ width: 100%; padding: 20px 0; border-top: 1px #424447 solid; position: absolute; bottom: 0; height: 50px; line-height: 25px; font-size: 14px; color: #6e6f72}
.footer .foot .game_txt{ float: left; padding-left: 120px;}
.footer .copyright{ float: right; padding-right: 120px; text-align: right; }
.footer .copyright a{ color: #6e6f72; margin-right: 10px;}
.footer .copyright a:hover{ color: #fff }
.footer .copyright a:last-child{ margin-right: 0 }
.footer .copyright img{ display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; }

.ny_body{ background-color: #f6f6f6; }
.ny_news{ background: url(//x.haowanyou.com/style/img/ny_news_bg.jpg) top center;}
.ny_news.hide{ background: #fff }
.ny_banner{ width: 100%; height: 360px; background-image: url(//x.haowanyou.com/style/img/news_banner.jpg); background-position: top center; background-repeat: no-repeat; }
.ny_banner.banner_company{ background-image: url(//x.haowanyou.com/style/img/banner_about.jpg); }
.ny_banner.banner_culture{ background-image: url(//x.haowanyou.com/style/img/banner_culture.jpg); }
.ny_banner .inner{ max-width: 1440px; margin: 0 auto; }
.ny_banner .inner h1{ font-size: 40px; display: block; color: #fff; padding-top: 190px; padding-left: 50px; line-height: 40px;}
.ny_banner .inner h2{ font-size: 16px; display: block; color: #fff; padding-left: 50px; font-weight: normal;}

.ny_banner .ny_t{ width: 100%; max-width: 1440px; margin: 0 auto; }
.ny_banner .ny_t span{ display: block;}
.ny_banner .ny_t .h1{ font-size: 30px; color: #fff; padding-top: 190px; padding-left: 50px; line-height: 40px; display: block;}
.ny_banner .ny_t .h2{ font-size: 16px; display: block; color: #fff; padding-left: 50px;}

.ny_news_list{ max-width: 1440px; margin: 0 auto; padding-top: 40px; overflow: hidden; padding-left: 2%;}
.ny_news_list ul li{ width: 48%; float: left; margin-right: 2%; background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); margin-bottom: 20px; overflow: hidden; transition: .5s}
.ny_news_list ul li a{ display: block; }
.ny_news_list ul li .news_img{ width: 200px; height: 117px; overflow: hidden; float: left; margin: 30px 20px 30px 30px; background-image: url(//x.haowanyou.com/style/img/news_default.png); background-size: 100% 100%;} 
.ny_news_list ul li .news_img img{ width: 100%; height: 100%; display: block; transition: .5s}
.ny_news_list ul li .news_info{ width: calc(100% - 280px); width: 58%\9; float: left; padding-top: 30px;}
.ny_news_list ul li .news_info h1{ display: block; font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: normal;}
.ny_news_list ul li .news_info p{ width: 100%; display: block; height: 50px; line-height: 25px; font-size: 14px; color: #999; overflow: hidden; margin: 10px 0 20px 0}
.ny_news_list ul li .news_info .news_time{ display: block; float: left; font-size: 14px; color: #bbb; line-height: 15px;}
.ny_news_list ul li .news_info .news_time:before{ width: 15px; height: 15px; content: ""; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; background-image: url(//x.haowanyou.com/style/img/ico_time.png);}
.ny_news_list ul li .news_info .more{ font-size: 14px; color: #bbb; display: block; float: right; line-height: 15px;}
.ny_news_list ul li .news_info .more:after{ content: ""; width: 20px; height: 8px; background-image: url(//x.haowanyou.com/style/img/ico_arrow_3.png); display: inline-block; vertical-align: middle; margin-top: -3px; margin-left: 5px;}
.ny_news_list ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3) }
.ny_news_list ul li:hover h1{ color: #fe4768 }
.ny_news_list ul li:hover img{ transform: scale(1.05); }

.news_wrapper{ width: 100%; max-width: 1440px; margin: 0 auto; overflow: hidden; }
.news_content{ width: 980px; float: left; }
.news_content.show{ float: inherit; margin: 0 auto; width: 90%}
.news_aside{ width: 420px; float: right; background-color: #f6f6f6; padding-top: 60px;}
.news_content .news_title{ width: 100%; padding: 50px 0 30px 0; border-bottom: 1px #e5e5e5 solid; text-align: center; }
.news_content .news_title h1{ font-size: 30px; color: #333; display: block; }
.news_content .news_title span{ display: block; font-size: 14px; color: #999; padding-top: 10px; }
.news_content .content{ padding: 30px 0; font-size: 14px; color: #666; line-height: 25px; }
.news_content .content *{font-size: 14px!important; line-height: 25px!important; max-width: 100%;}
.news_content .content img{text-indent: 0!important; max-width: 100%;}

.news_aside .aside_title{ height: 18px; line-height: 18px; font-size: 18px; color: #333; padding-left: 13px; display: block; border-left: 5px #fe4768 solid; margin-left: -1px; }
.news_aside .focus{ width: 400px; height: 234px; margin: 20px 0 0 20px; position: relative; }
.news_aside .focus ul li{ width: 400px; height: 234px; overflow: hidden; position: relative;}
.news_aside .focus ul li img{ width: 100%; display: block; }
.news_aside .focus .flex-control-paging {position:absolute; bottom:-20px; text-align:center; width: 100%; left: 0; z-index: 2;}
.news_aside .focus .flex-control-paging li { display:inline-block; margin:0 4px; width: 10px; height: 10px;}
.news_aside .focus .flex-control-paging li a { display:block; background:#d2d2d2; width: 10px; height: 10px; border-radius: 10px; text-indent:-9000px; cursor:pointer; font-size: 0;}
.news_aside .focus .flex-control-paging li a.flex-active { background:#fe4768;}
.news_aside .aside_news_title{ padding-top: 50px; overflow: hidden; line-height: 18px;}
.news_aside .aside_news_title .aside_title{ float: left; }
.news_aside .aside_news_title .more{ float: right; font-size: 14px; color: #999;}
.news_aside .aside_news_title .more:hover{ color: #fe4768 }
.news_aside .aside_news_list{ width: 400px; margin: 20px 0 30px 20px; border-top: 1px #d9d9d9 dashed; }
.news_aside .aside_news_list ul li{ width: 100%; height: 47px; line-height: 47px; font-size: 14px; border-bottom: 1px #d9d9d9 dashed; }
.news_aside .aside_news_list ul li a{ color: #666; display: block; white-space: nowrap; width: 100%; text-overflow: ellipsis; overflow: hidden;}
.news_aside .aside_news_list ul li a:hover{ color: #fe4768 }
.news_aside .aside_news_list ul li a:before{ content: ""; display: inline-block; width: 5px; height: 5px; vertical-align: middle; margin-top: -3px; background-color: #fe4768; margin-right: 10px; }

.pagenum_Me{width:100%; height:20px; margin:0 auto; padding: 18px 0; font-size: 10px;}
.pagenum_Me ul{ text-align:center; list-style:none}
.pagenum_Me ul li{position: relative; display:inline; padding: 4px 0 3px; margin: 0px 3px; border: 1px solid #D6D6D6; color:#cdcdcd}
.pagenum_Me ul li a{padding:0 8px;  text-decoration:none; color:#cdcdcd;}
.pagenum_Me ul li a:hover{text-decoration:underline}
.pagenum_Me .selected{position: relative; padding: 4px 0 3px; margin: 0px 3px; font-weight: bold; border: 1px solid #1297DC; background: #74C7F3;}
.pagenum_Me .selected a{padding:0 8px; text-decoration:none; color:#fff}


.company_box{ width: 100%; max-width: 1440px; margin: 50px auto; background-image: url(//x.haowanyou.com/style/img/company_bg.png); height: 540px; }
.company_box .company{ width: 590px; padding-top: 20px; }
.company_box .company h1{ font-size: 24px; color: #333; display: block; padding-bottom: 20px; }
.company_box .company p{ font-size: 14px; color: #333; line-height: 30px; padding: 10px 0 }


.culture{width: 100%; max-width: 1440px; margin:50px auto; overflow: hidden; padding: 50px 0;}
.culture ul li{ width: 215px; height: 500px; display: inline-block; transition: .5s; margin: 0 10px; box-shadow: 0 10px 20px rgba(0,0,0,.2); background-image: url(//x.haowanyou.com/style/img/culture.jpg); cursor: pointer; text-align: center;}
.culture ul li:hover{ transform: translateY(-5px); }
.culture ul li.c1{ background-position: 0 0 }
.culture ul li.c2{ background-position: -215px 0 }
.culture ul li.c3{ background-position: -430px 0 }
.culture ul li.c4{ background-position: -645px 0 }
.culture ul li.c5{ background-position: -860px 0 }
.culture ul li.c6{ background-position: -1075px 0 }
.culture ul li h1{ display: block; font-size: 24px; color: #fff; padding-top: 380px; position: relative; width: 100%;}
.culture ul li h1:after{ width: 36px; height: 1px; display: block; content: ""; background-color: #9d9a9c; position: absolute; bottom: -20px; left: 50%; margin-left: -18px; }
.culture ul li span{ display: block; font-size: 16px; color: #fff; padding-top: 40px;}


.contact{width:1280px; height:auto; margin: 0 auto; padding-top: 30px; font-size: 14px;}
.contact_bg{width:1198px; height:auto; overflow: hidden; padding-bottom:30px;}

.qq{width:330px; height:80px; float:left; margin-left:250px; display:inline; background:url(//x.haowanyou.com/themes/img/findpwd_ico.png) 0px -580px no-repeat; margin-top:30px; color:#444}
.qq p{padding-left:80px; line-height:30px;}
.qq_btn{ padding-top:18px;}

.email{width:330px; height:80px; float:left;  display:inline; background:url(//x.haowanyou.com/themes/img/findpwd_ico.png) 0px -225px no-repeat; margin-top:30px; color:#444; margin-bottom:30px;}
.email p{padding-left:90px; line-height:25px;}
.email_1{padding-top:15px;}
.email a{color:#444; text-decoration:none;}
.email a:hover{color:#f60; text-decoration:underline}

.contact_info{width:850px; padding-left:100px; padding-top:20px; border-top:1px #ddd solid; margin: 0 auto; padding-bottom:30px; clear:both; overflow:hidden;}
.contact_title1{ padding-bottom:20px; font-size:22px; font-family:"微软雅黑"; font-weight:bold; color:#f60;}
.contact_list{width:280px; line-height:25px; color:#666; font-weight:100; font-family:"微软雅黑"; float:left}









.account_wrap{ width: 100%; border-top: 1px #eee solid; border-bottom: 1px #eee solid; background: #fff; padding: 150px 0 100px}
.login_box{ width: 640px; margin: 0 auto; }
.login_h1{ width: 100%; text-align: center; font-size: 30px; font-weight: bold; color: #333; }
.login_tab{ width: 320px; border-bottom: 1px #eee solid; height: 50px; line-height: 50px; font-size: 18px; color: #333; margin: 40px auto 0;}
.login_tab a{ width: 50%; display: block; float: left; height: 49px; color: #333; text-align: center; }
.login_tab a.cur{ border-bottom: 3px #ffa016 solid; color: #ffa016; }
.login_form{ padding: 20px 0 0; width: 320px; margin: 0 auto; display: none}
.login_form p{ padding: 10px 0; overflow: hidden; position: relative;}
.login_form p input{ width: 268px; height: 43px; line-height: 43px; border: 1px #ddd solid; font-size: 14px; padding-left: 50px; box-sizing: content-box; border-radius: 3px;}
.login_form p input.login_account{ background-position: 15px -54px; background-image: url(/style/img/sprite_1.png);}
.login_form p input.login_password{ background-position: 15px -100px; background-image: url(/style/img/sprite_1.png);}
.login_form p input.code{ background: none; width: 148px; float: left; text-indent: 15px; }
.login_form p input.login_phone{ background-position: 15px -182px; background-image: url(/style/img/sprite_1.png)!important;}
.login_form .get_phone_code{margin: 10px 0; width: 318px; height: 43px; line-height: 43px; border: 1px #ddd solid; font-size: 14px; border-radius: 3px;}
.login_form .get_phone_code input{ width: 220px; height: 43px; line-height: 43px; border: 0; background-position: 14px -227px; background-image: url(/style/img/sprite_1.png)!important; padding-left: 50px}
.login_form .get_phone_code .get_code{ display: block; float: right; width: 97px;font-size: 14px; color: #ffa016; text-align: center; border-left: 1px #ddd solid; height: 20px; line-height: 20px; margin-top: 12px;}
.login_form .get_phone_code .get_code.timeout{color: #999;}
.login_form .get_phone_code .get_code:hover{ color: #fe4768 }
.login_t{ width: 320px; margin: 0 auto; text-align: center; padding: 10px 0; line-height: 20px; font-size: 14px; color: #ddd}
.login_t a{ font-size: 14px; color: #333; display: inline-block; margin: 0 30px; text-align: center;}
.login_t a:hover{ color: #fe4768 }
.login_form p label:hover{ color: #fe4768; cursor: pointer; }
.rmb{ float: left; font-size: 14px; color: #333 }
.rmb input{ width: 15px!important; height: 15px!important; padding-left: 0!important; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px;}
.forget{ float: right; color: #333; font-size: 14px; }
.login_submit{ width: 320px; height: 52px; background: #ffa016; border-radius: 5px; line-height: 52px; text-align: center; font-size: 18px; color: #fff; display: block; margin: 10px auto; }
.login_submit:hover{ background-color: #1b6ec1;}
.login_form .error_tips{ display: block;color: #f00; padding-top: 5px; font-size: 14px; clear: both;}
.login_form .error_tips i{ width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; background-image: url(/style/img/sprite_1.png); background-position: 0 -144px; }
.login_form .error_tips i{ *display: inline }

.pop_login_verify{ width: 300px; padding: 20px; background-color: #fff; border-radius: 5px; position: fixed; top: 50%; margin-top: -100px; left: 50%; margin-left: -170px; z-index: 9; display: none}
.pop_login_verify .login_verify_close{ width: 30px; height: 30px; display: block; position: absolute; top: 10px; right: 10px; background-image: url(/style/img/sprite_1.png); background-position: 3px -278px; transition: .5s}
.pop_login_verify .login_verify_close:hover{ transform: rotate(90deg); }
.pop_login_verify p{ font-size: 18px; color: #333; text-align: center; }
.pop_login_verify .input_box{ margin: 20px 0; width: 260px; height: 43px; line-height: 43px; overflow: hidden; border: 1px #ddd solid; border-radius: 3px; float: left;}
.pop_login_verify input{ width: 130px; height: 43px; line-height: 43px; float: left; text-indent: 10px; font-size: 14px;}
.pop_login_verify .vc_code{ float: right; width: 115px; height: 43px; margin-left: 10px; }
.pop_login_verify .replace_vc{ width: 22px; height: 22px; display: block; background-image: url(/style/img/sprite_1.png); background-position: 0 -327px; float: right; margin-top: 30px; transition: .5s;}
.pop_login_verify .replace_vc:hover{ transform: rotate(360deg); }
.pop_login_verify .vc_submit{ width: 300px; height: 52px; background: #ffa016; line-height: 52px; text-align: center; font-size: 18px; color: #fff; display: block; margin: 10px auto; clear: both; border-radius: 5px }
.pop_login_verify .vc_submit:hover{ background-color: #ffa016;}

.pop_login_tips{ width: 300px; padding: 20px; background-color: #fff; border-radius: 5px; position: fixed; top: 50%; margin-top: -100px; left: 50%; margin-left: -170px; z-index: 9; display: none}
.pop_login_tips p{ text-align: center; padding: 30px 0 20px }
.pop_login_tips .login_verify_close{ width: 30px; height: 30px; display: block; position: absolute; top: 10px; right: 10px; background-image: url(/style/img/sprite_1.png); background-position: 3px -278px; transition: .5s}
.pop_login_tips .login_verify_close:hover{ transform: rotate(90deg); }
.pop_login_tips .pop_login_tips_ok{ width: 300px; height: 52px; background: #ffa016; line-height: 52px; text-align: center; font-size: 18px; color: #fff; display: block; margin: 10px auto; clear: both; border-radius: 5px }
.pop_login_tips .pop_login_tips_ok:hover{ background-color: #ffa016;}



/*.login_box{ width: 640px; margin: 0 auto; }
.login_h1{ width: 100%; text-align: center; font-size: 30px; font-weight: bold; color: #333; }
.login{ padding: 50px 0; width: 320px; margin: 0 auto;}
.login p{ padding: 10px 0; overflow: hidden; position: relative;}
.login p input{ width: 268px; height: 43px; line-height: 43px; border: 1px #ddd solid; font-size: 14px; padding-left: 50px; box-sizing: content-box;}
.login p input.login_account{ background-position: 15px -54px; background-image: url(//x2.haowanyou.com/style/img/sprite_1.png);}
.login p input.login_password{ background-position: 15px -101px; background-image: url(//x2.haowanyou.com/style/img/sprite_1.png);}
.login p input.code{ background: none; width: 148px; float: left; text-indent: 15px; }
.login p .vc_code{ float: left; width: 88px; height: 43px; border: 1px #ddd solid; margin-left: 10px; }
.login p .replace_vc{ line-height: 45px; color: #999; float: right; display: block; }
.login p .replace_vc:hover{ color: #ffa016 }
.login_t span{ font-size: 18px; color: #333; float: left }
.login_t a{ font-size: 14px; color: #999; float: right; }
.login p a:hover{ color: #ffa016 }
.rmb{ float: left; font-size: 14px; color: #333 }
.rmb input{ width: 15px!important; height: 15px!important; padding-left: 0!important; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px;}
.forget{ float: right; color: #333; font-size: 14px; }
.login_submit{ width: 320px; height: 52px; background: #ffa016; line-height: 52px; text-align: center; font-size: 18px; color: #fff; display: block; margin: 10px auto; }
.login_submit:hover{ backgroundblock; 6b6ec;}
.login .error_tips{ display: block;color: #f00; padding-top: 5px; font-size: 14px; clear: both;}
.login .error_tips i{ width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; background-image: url(//x2.haowanyou.com/style/img/sprite_1.png); background-position: 0 -144px; }
.login .error_tips i{ *display: inline }
*/








.reg_wrap{ width: 100%; border-top: 1px #eee solid; border-bottom: 1px #eee solid; background: #fff; padding: 150px 0 50px }
.reg_box{ width: 1080px; margin: 0 auto; }
.reg_tab{ width: 330px; margin: 0 auto; height: 70px; border-bottom: 1px #eee solid }
.reg_tab ul li{ width: 150px; float: left; }
.reg_tab ul li a{ font-size: 18px; color: #333; text-align: center; height: 69px; line-height: 69px; display: block;}
.reg_tab ul li.cur a{ color: #ffa016; border-bottom: 3px #ffa016 solid; }
.reg_tab ul li:first-child{ margin-right: 30px; }
.reg_con{ padding: 40px 0;}
.reg_t{ padding-left: 230px; font-size: 16px; color: #333; clear: both; }
.reg_t span{ font-size: 14px; color: #999; padding-left: 15px; }
.reg_t1{ padding-left: 180px; font-size: 14px; color: #bbb; line-height: 35px; }
.reg_form{ width: 440px; margin: 0 auto; padding: 20px 0; }
.reg_form ul li{ padding: 10px 0; position: relative;}
.reg_form ul li::after{content:""; clear:both; display:block;}
.reg_form ul li .security_lv{ width: 320px; height: 18px; background-image: url(//x2.haowanyou.com/style/img/sprite_1.png); float: left; margin-left: 115px; margin-top: 5px;}
.reg_form ul li .security_lv.lv1{ background-position: 0 0 }
.reg_form ul li .security_lv.lv2{ background-position: 0 -18px }
.reg_form ul li .security_lv.lv3{ background-position: 0 -36px }
.reg_form .reg_n{ width: 115px; float: left; line-height: 46px; font-size: 14px; color: #666; }
.reg_form .reg_n span{ color: #f00; padding-right: 5px; }
.reg_form ul li input{ width: 318px; height: 44px; border:1px #ddd solid; font-family: Microsoft YaHei; font-size: 14px; color: #666; text-indent: 15px; float: left;}
.reg_form ul li input.vc{ width: 148px;  vertical-align: middle; }
.reg_form ul li input:focus{ border:1px #ddd solid; box-shadow: none; }
.reg_form ul li .vc_code{ float: left; width: 88px; height: 43px; border: 1px #ddd solid; margin-left: 10px; }
.reg_form ul li .replace_vc{ line-height: 45px; color: #999; float: right; display: block; }
.reg_form ul li .replace_vc:hover{ color: #ffa016 }
.reg_form ul li input.sms_code{ width: 199px; border-right: none; }
.reg_form ul li .get_code{ width: 120px; height: 46px; display: block; float: left; background: #ffa016; font-size: 16px; color: #fff; line-height: 46px; text-align: center; }
.reg_form ul li .get_code:hover{ background: #ffa016 }
.reg_form ul li .get_code.timeout{ background: #ccc }
.reg_form .xieyi{ padding-left: 115px; line-height: 30px; font-size: 14px; color: #666; clear: both;}
.reg_form .xieyi input{ width: 15px; height: 15px; vertical-align: middle; margin-top: -3px; margin-right: 5px; *margin-top: 8px;}
.reg_form .xieyi a{ color: #506eaa }
.reg_submit{ width: 320px; height: 52px; display: block; background: #ffa016; line-height: 52px; font-size: 18px; color: #fff; text-align: center; margin-left:435px;}
.reg_submit:hover{ background: #ffa016; }

span.emptyhint {color:#ccc; position:absolute; padding-left:15px; font-family:"微软雅黑"; line-height:44px; font-size:14px; *top: 10px; *left: 115px;}
::-webkit-input-placeholder { /* WebKit browsers */    color:#ccc;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */    color:#ccc;}
::-moz-placeholder { /* Mozilla Firefox 19+ */    color:#ccc;}
:-ms-input-placeholder { /* Internet Explorer 10+ */    color:#ccc;}

.reg_form .error_tips{ display: none;color: #f00; font-size: 14px; clear: both; position: absolute; top: 23px; left:450px; white-space: nowrap;}
.reg_form .error_tips i{ width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; background-image: url(//x2.haowanyou.com/style/img/sprite_1.png); background-position: 0 -144px; }
.reg_form .error_tips i{ *display: inline }
.reg_form .ok_tips{display: none;color: #f00; font-size: 14px; clear: both; position: absolute; top: 23px; left:450px; white-space: nowrap;}
.reg_form .ok_tips i{ width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; background-image: url(//x2.haowanyou.com/style/img/sprite_1.png); background-position: -15px -144px; }
.reg_form .ok_tips i{ *display: inline }

.reg_mobile{}
.reg_password{ display: none }





/*找回密码*/
.find_content{width:1280px; margin: 0 auto; height:auto; background:#fff; padding-top: 50px;}
.find_bg{ overflow: hidden; }
.find_sp{width:1198px;}
.find_sp ul{width:642px; height:38px; margin:0 auto; padding-left: 70px;}
.find_sp ul li{width:220px; height:38px; float:left; margin: 0 -3px; background-repeat: no-repeat;}
.find_sp1{background:url(/style/img/findpwd_step.png);}
.find_sp2{background:url(/style/img/findpwd_step.png) 0 -38px;}
.find_sp2_1{background:url(/style/img/findpwd_step.png) 0px -76px}
.find_sp3{background:url(/style/img/findpwd_step.png) 0px -114px;}
.find_sp3_1{background:url(/style/img/findpwd_step.png) 0px -152px;}

.findpwd_type{ width: 684px; margin: 0 auto; overflow: hidden; text-align: center; padding-bottom: 100px;}
.findpwd_type h2{ font-size: 18px; color: #333; font-weight: normal; padding: 50px 0; }
.find_sp_list{width:240px; height:240px; float:left; display: inline-block; margin: 0 50px; border: 1px #ddd solid; text-align: center;}
.find_sp_list a{ display: block; width: 100%; height: 100%; }
.find_sp_list img{ display: block; margin: 0 auto; padding: 40px 0 20px 0; transition: .5s}
.find_sp_list b{ font-weight: normal; font-size: 16px; color: #333;}
.find_sp_list span{ font-size: 14px; color: #999; display: block; line-height: 30px;}
.find_sp_list:hover img{ transform: translateY(-5px); }

.findpwd_table{width:440px; height:auto; margin: 0 auto; font-size:14px; color:#666}
.findpwd_table h2{ font-size: 18px; color: #333; font-weight: normal; padding: 50px 0; text-align: center;}
.findpwd_table tr td{height:46px; line-height:46px; padding: 5px 0}
.findpwd_table tr td:first-child{ width: 130px; }
.findpwd_input input{width:300px; height:44px; border:1px #ddd solid; background:#fff; line-height:44px; color:#000; text-indent: 10px;}
.findpwd_core_input input{width:170px; height:44px; border:1px #ddd solid; background:#fff; line-height:44px; color:#000; float:left; text-indent: 10px;}
.findpwd_core_input label{ float:right; display: block; width: 120px; height: 46px; overflow: hidden;}
.findpwd_core_input label img{ width: 120px; height: 46px; }
.findpwd_send_email{width:302px; height:50px; line-height: 50px; background-color: #ffa016; text-align:center; text-decoration:none; color:#fff; display:block; float:right; font-size: 16px;}
.findpwd_send_email:hover{ background-color: #ffa016 }
.findpwd_back{width:300px; height:48px; line-height: 48px; border:1px #dcdcdc solid; text-align:center; text-decoration:none; color:#666; background-color: #f1f1f1; display:block; float:right; font-size: 16px;}
.findpwd_back:hover{ background-color: #ffa016; border: 1px #ffa016 solid; color: #fff; }
.findpwd_des{color:#999; font-size:14px;text-align: right;}
.findpwd_table tr td span{ margin-left:10px; font-size:14px; }

.reg_tips_default{color:#999; display:block; }
.reg_tips_right{ background:url(//x.haowanyou.com/themes/img/reg_ico.gif) 0px -246px; height:40px; display:none;}
.reg_tips_wrong{color:#f00; background:url(//x.haowanyou.com/themes/img/reg_ico.gif) 0px -288px; height:40px; text-indent:27px; display:none;}
.reg_tips_none{color:#f00; background:url(//x.haowanyou.com/themes/img/reg_ico.gif) 0px -288px; height:40px; text-indent:27px; display:none;}

.findpwd_sp2_info{width:600px; line-height:30px; color:#444; font-size:14px; margin:0 auto; margin-top:40px;}
.findpwd_sp2_btn{ width:200px; height:30px; margin:0 auto; margin-top:20px;}
.findpwd_sp2_btn a{ margin: 4px 0 }
.findpwd_sp2_des{width:500px; margin:0 auto; font-size:12px; clear:both; line-height:25px; padding-top:30px; color:#666; padding-bottom:30px;}
.findpwd_sp2_des span{color:#f60;}
.findpwd_sp2_des a{color:#f00; text-decoration:none;}
.passlevel{width:320px; height:18px; background:url(/style/img/sprite_1.png) 0px 0px; display:block; float:left; font-size:0; display:inline; overflow:hidden; margin-left: 0!important }
.passlevel_1{width:320px; height:18px; background:url(/style/img/sprite_1.png) 0px -18px; display:block; float:left; font-size:0; display:inline; overflow:hidden;}
.passlevel_2{width:320px; height:18px; background:url(/style/img/sprite_1.png) 0px -36px; display:block; float:left; font-size:0; display:inline; overflow:hidden;}
.findpwd_sp4_info{width:350px; height:40px; line-height:40px; color:#444; font-size:14px; margin:0 auto; background:url(//x.haowanyou.com/themes/img/reg_ico.gif) 0px -246px no-repeat; padding-left:30px; margin-top:40px;}
.findpwd_sp4_btn{ width:300px; height:30px; margin:20px auto 100px;}
.resend_code{font-size:12px; color:#999; text-decoration:underline;}
.resend_code:hover{font-size:12px; color:#f60; text-decoration:underline;}
.findpwd_mobile_des{ width:700px; height:30px; line-height:30px; font-size:14px; color:#666; text-align:center; margin:0 auto; margin-top:20px;}
.findpwd_mobile_des span{font-weight:bold; color:#f60;}

#resetpwd_by_mail{ padding: 40px 0; width: 500px; }
#resetpwd_by_mail table tr td:first-child{ width: 130px }
#resetpwd_by_mail table tr td input{ width: 318px }
#resetpwd_by_mail table tr td input#findpwd_mail_verify{ width: 190px }
#resetpwd_by_mail table tr td .findpwd_back{ width: 318px; }
#resetpwd_by_mail table tr td .findpwd_send_email{ width: 320px; }


/*家长监护*/
.jianhu_wrap{ width:1084px; height:auto; margin:0 auto; padding-top:20px;}
.jianhu_banner{ width:1084px; height:259px;}
.jianhu_banner_img{ width:793px; height:259px; float:left;}
.jianhu_down_box{ width:274px; height:auto; float:right;}
.jianhu_down{ width:274px; height:128px;}
.jianhu_down_btn{ width:274px; height:59px;}
.jianhu_down_btn a{ width:274px; height:59px; display:block; background:url(//x.haowanyou.com/themes/img/jianhu_btn.png) top no-repeat}
.jianhu_down_btn a:hover{ background:url(//x.haowanyou.com/themes/img/jianhu_btn.png) 0px -59px no-repeat;}
.jianhu_down_con{ width:250px; margin:0 auto; line-height:25px; color:#676767; padding-top:10px;}
.jianhu_down_con p span{ color:#f60;}
.jianhu_down_con p{ line-height:20px; font-size:14px;}
.jianhu_contact{ width:274px; height:55px; background:url(//x.haowanyou.com/themes/img/jianhu_btn.png) 0px -118px no-repeat; margin-top:5px; padding-top:7px;}
.jianhu_contact p{ color:#fff; line-height:25px; font-size:12px; padding-left:70px;}
.jianhu_content{ width:1000px; margin:0 auto; padding-top:30px; line-height:30px; color:#666; font-size:14px;}
.red{ color:#f60; font-weight:bold;}
.jianhu_search{ width:274px; height:59px; margin-top:5px;}
.jianhu_search a{ width:274px; height:59px; display:block; background:url(//x.haowanyou.com/themes/img/jianhu_btn.png) 0px -182px no-repeat;}
.jianhu_search a:hover{ background:url(//x.haowanyou.com/themes/img/jianhu_btn.png) 0px -244px no-repeat;}
.jianhu_h1{ text-align:center; font-family:"΢ÈíÑźÚ"; font-size:25px; line-height:50px; color:#000; padding-top:50px;}
.jianhu_search_input{ width:600px; height:40px; line-height:40px; margin:0 auto; padding:30px; margin:20px auto; border:1px #cdcdcd solid;}
.jianhu_search_input span{ float:left;}
.jianhu_search_input input{ width:400px; height:40px; border:1px #cdcdcd solid; background:#eee; padding-left:15px; float:left;}
.jianhu_search_input a{ width:100px; height:40px; display:block; float:left; background:url(//x.haowanyou.com/themes/img/jianhu_btn.png) 0px -304px no-repeat; text-align:center; font-size:14px; color:#fff; text-decoration:none; margin-left:10px;}
.jianhu_search_input a:hover{background:url(//x.haowanyou.com/themes/img/jianhu_btn.png) -100px -304px no-repeat;}
.jianhu_search_result{ width:600px; text-align:center; padding:30px; margin:20px auto; border:1px #cdcdcd solid;}
.jianhu_search_result span{ color:#f00}



.scm{ width: 240px; height: 500px; position: fixed; bottom: 0; right: 0; z-index: 9}
.scm img{ display: block; }
.scm .scm_close{ width: 22px; height: 22px; padding: 10px; position: absolute; top: 5px; right: 5px; transition: .5s; display: block; }
.scm .scm_close:hover{ transform: rotate(90deg); }