.grow{ width: 15rem; margin: 0 auto; }
.grow .h1{ font-size: .7rem; color: #333; text-align: center; line-height: .75rem;}
.grow .h2{ font-size: .5rem; color: #999; line-height: .75rem; padding-top: .5rem; text-align: center; }
.grow p{font-size: .5rem; color: #999; line-height: .75rem; padding-top: .5rem; }
.grow img{ width: 100%; display: block; }

.character{ width: 15rem; margin: 0 auto; overflow: hidden;}
.character ul li{ width: 15rem; height: 3.75rem; border: 1px #ddd solid; padding: .5rem; position: relative; margin-top: .5rem; box-sizing: border-box;}
.character ul li i{ width: 2.5rem; height: 2.5rem; display: block; float: left; background-image: url(//x2.haowanyou.com/uc/m/style/img/i_8.png); background-size: 600% 100%; }
.character ul li i.c_1{ background-position: 0 0 }
.character ul li i.c_2{ background-position: -2.5rem 0 }
.character ul li i.c_3{ background-position: -5rem 0 }
.character ul li i.c_4{ background-position: -7.5rem 0 }
.character ul li i.c_5{ background-position: -10rem 0 }
.character ul li i.c_6{ background-position: -12.5rem 0 }
.character ul li p{ width: 7rem; padding-left: .375rem; float: left;}
.character ul li p .h1{ font-size: .6rem; color: #333; display: block; line-height: .75rem; padding-top: .125rem;}
.character ul li p .h2{ font-size: .5rem; color: #bbb; line-height: .6rem; padding-top: .1rem; display: block;}
.character ul li .get{ width: 3.5rem; display:  block; height: 1.25rem; border-radius: 50px; float: right; margin-top: .875rem; text-align: center; background: #74a1ff; font-size: .5rem; color: #fff; line-height: 1.25rem;  }
.character ul li .get:hover{  background: #5f8def }
.character ul li .get.gray{ background: #ddd }
.character ul li .integral{ position: absolute; top: .5rem; color: #729cea; right: 1.3rem; font-size: .5rem; }

.tequan_wrap{ padding: .5rem 0; }
.tequan_banner{ width: 100%; height: 5rem; background-image: url(//x2.haowanyou.com/uc/m/style/img/banner_1.jpg); background-size: 100% 100%;}
.tequan_box{ width: 15rem; margin: 0 auto; overflow: hidden; padding-bottom: 1rem}
.tequan_box .tequan_title{ padding: .25rem; height: .75rem; line-height: .75rem; color: #333; font-size: .6rem;}
.tequan_box .tequan_title i{ width: .875rem; height: .675rem; display: inline-block; margin-right: .25rem; vertical-align: middle; margin-top: -3px; background-image: url(//x2.haowanyou.com/uc/m/style/img/vip_ico1.png); background-size: 300% 100%;}
.tequan_box .tequan_title i.i_1{ background-position: left }
.tequan_box .tequan_title i.i_2{ background-position: center }
.tequan_box .tequan_title i.i_3{ background-position: right }
.tequan_box ul{ width: 15.5rem; }
.tequan_box ul li{ width: 7.2rem; height: 7.5rem; float: left; margin-right: .5rem; border: 1px #ddd solid; margin-top: .5rem; text-align: center; box-sizing: border-box;}
.tequan_box ul li i{ width: 3.5rem; height: 3.5rem; display: block; margin: .6rem auto .5rem auto; background-image: url(//x2.haowanyou.com/uc/m/style/img/vip_ico.png); background-size: 1500% 100%; transition: all ease .5s}
i.tq_1{ background-position: 0 0 }
i.tq_2{ background-position: -3.5rem 0 }
i.tq_3{ background-position: -7rem 0 }
i.tq_4{ background-position: -10.5rem 0 }
i.tq_5{ background-position: -14rem 0 }
i.tq_6{ background-position: -17.5rem 0 }
i.tq_7{ background-position: -21rem 0 }
i.tq_8{ background-position: -24.5rem 0 }
i.tq_9{ background-position: -28rem 0 }
i.tq_10{ background-position: -31.5rem 0 }
i.tq_11{ background-position: -35rem 0 }
i.tq_12{ background-position: -38.5rem 0 }
i.tq_13{ background-position: -42rem 0 }
i.tq_14{ background-position: -45.5rem 0 }
i.tq_15{ background-position: -49rem 0 }
.tequan_box ul li:hover i{ transform: rotate(360deg); }
.tequan_box ul li span{ display: block; }
.tequan_box ul li .h1{ font-size: .6rem; color: #333; }
.tequan_box ul li .h2{ font-size: .45rem; color: #999; line-height: .75rem; }
.tequan_box ul li .h3{ font-size: .5rem; color: ##6491e4; line-height: .75rem; }

.tequan_tbox{ width: 100%; height: 3.75rem; background: #6491e4; }
.tequan_tbox i{ width: 3.5rem; height: 3.5rem; display: block; margin-left: 20px; background-image: url(//x2.haowanyou.com/uc/style/img/vip_ico.png); background-size: 1500% 100%; float: left;}
.tequan_tbox p{ float: left; padding-top: .925rem; }
.tequan_tbox p span{ display: block;}
.tequan_tbox p .h1{ font-size: .75rem; color: #fff;}
.tequan_tbox p .h2{ font-size: .4rem; color: #acc9ff; line-height: .625rem;}

.tequan_content{ padding: .5rem; font-size: .45rem; color: #999; line-height: .75rem }
.tequan_h1{ font-size: .55rem; color: #333; display: block;}
.remarks{ color: #f00 }

.act{ width: 15rem; margin: 0 auto; padding-top: 20px; }
.act_tab{ width: 100%; border-bottom: 2px #6491e4 solid; height: 54px; }
.act_tab a{ width: 6rem; height: 1.325rem; display: block; border-top: 1px #ccc solid; border-left: 1px #ccc solid; border-right: 1px #ccc solid; display: block; font-size: .5rem; color: #333; line-height: 1.325rem; text-align: center; margin-right: .25rem; float: left; }
.act_tab a:hover{ background: #6491e4; border-color: #6491e4; color: #fff; }
.act_tab a.cur{ background: #6491e4; border-color: #6491e4; color: #fff; }
.act_list{ width: 100%; overflow: hidden; padding-top: 30px;}
.act_list ul{ width: 32.5rem; }
.act_list ul li{ width: 7.25rem; background: #fff; float: left; margin-right: .25rem; margin-bottom: 10px; position: relative; overflow: hidden;}
.act_list ul li img{ width: 100%; display: block;  }
.act_list ul li .act_name{ width: 100%; display: block; line-height: 50px; font-size: 18px; color: #333; text-align: center; }


.zizhu_banner{ width: 100%; height: 5rem; background-image: url(//x2.haowanyou.com/uc/m/style/img/banner_2.jpg); background-size: 100% 100%;}

.zizhu_box{ width: 15rem; margin: 0 auto; padding-top: .75rem; }
.zizhu_title{ font-size: .55rem; color: #333; padding-bottom: .5rem }
.zizhu_ico{  overflow: hidden;  border-top: 1px #ddd solid; border-left: 1px #ddd solid; box-sizing: border-box; border-right:1px #ddd solid;}
.zizhu_ico ul{ width:15rem;}
.zizhu_ico ul li{ width:5rem; height: 5rem; border-right:1px #ddd solid; border-bottom: 1px #ddd solid; float:left; text-align: center; box-sizing: border-box;}
.zizhu_ico ul li a{ display: block; }
.zizhu_ico ul li i{ width: 2.75rem; height: 2.25rem; display: block; margin: .8rem auto .1rem auto; background-image: url(//x2.haowanyou.com/uc/m/style/img/zizhu_ico.png); background-size: 600% 100%; transition: .5s}
.zizhu_ico ul li:hover i{ transform: translateY(-15px); }
.zizhu_ico ul li.zizhu_1 i{background-position: 0 0}
.zizhu_ico ul li.zizhu_2 i{background-position: -2.75rem 0}
.zizhu_ico ul li.zizhu_3 i{background-position: -5.5rem 0}
.zizhu_ico ul li.zizhu_4 i{background-position: -8.25rem 0}
.zizhu_ico ul li.zizhu_5 i{background-position: -11rem 0}
.zizhu_ico ul li.zizhu_6 i{background-position: -13.75rem 0}
.zizhu_ico ul li span{ font-size: .45rem; color: #333; }
.zizhu_ico ul li img{ width: 2.25rem; height: 2.25rem; display: block; margin: 1rem auto .1rem auto; transition: .5s}
.zizhu_ico ul li:hover img{ transform: translateY(-15px); }


.bk_search{ width: 15rem; height: 2rem; margin: 0 auto; padding-bottom: .6rem; position: relative;}
.bk_search .select{ width: 3.5rem; height: 2rem; line-height: 2rem; float: left; border: 1px #ddd solid; text-align: center; font-size: .45rem; color: #666; cursor: pointer; box-sizing: border-box; white-space: nowrap; overflow: hidden;}
.bk_search .select img{ vertical-align: middle; margin-top: -3px; margin-left: .25rem; transform: rotate(180deg); width: .4rem}
.bk_search input{ width: 7.5rem; height: 2rem; line-height: 2rem; float: left; font-size: .45rem; color: #666; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; background: #fff; text-indent: .55rem; box-sizing: border-box;}
.bk_search .btn{ width: 4rem; height: 2rem; line-height: 2rem; display: block; float: left; background: #6491e4; color: #fff; font-size: .5rem; text-align: center;  }
.bk_search .btn img{ vertical-align: middle; margin-top: -3px; margin-right: .25rem; width: .7rem; }
.bk_search .btn:hover{ background: #4375d0 }

.bk_search .select_box{ width: 15rem; background: #fff; border: 1px #ddd solid; position: absolute; top: 1.98rem; left: 0; z-index: 2; padding: .25rem; display: none; box-sizing: border-box;}

.bk_search .select_box ul li{ width: 25%; height: 1.2rem; line-height: 1.2rem; text-align: center; font-size: .4rem; color: #666; cursor: pointer; float: left;}
.bk_search .select_box ul li:hover{ background: #e6ebf5 }