@font-face {
  font-family: OswaldBold;
  src: url("http://www.ribensheji.com/Oswald-Bold.ttf")
}

.login_banner { max-width: 100%; height: 1080px; background: url(../images/img2.png) no-repeat center; background-size: cover; position: relative; }

.login_banner .login { position: absolute; left: 0; right: 0; top: 100px; margin: 0 auto; width: 500px; height: 645px; background-color: #ffffff; box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.08); }

.login_banner .login .login_tit { width: 100%; height: 86px; background-color: #f7f7f7; line-height: 86px; text-align: center; font-size: 24px; letter-spacing: 5px; color: #262626; }

.login_banner .login .login_box { box-sizing: border-box; padding: 0 50px; background: #fff; }

.login_banner .login .login_box .login_nav { margin-top: 27px; }

.login_banner .login .login_box .login_nav ul .login_on { color: #262626; border-bottom: 1px solid #262626; }

.login_banner .login .login_box .login_nav ul li { display: table-cell; width: 197px; font-size: 18px; color: #ccc; line-height: 45px; cursor: pointer; text-align: center; border-bottom: 1px solid #d9d9d9; }

.login_banner .login .login_box .login_main { margin-top: 30px; }

.login_banner .login .login_box .login_main_a .login_a { width: 100%; height: 54px; border: solid 1px #7f7f7f; line-height: 54px; box-sizing: border-box; padding: 0 25px; margin-bottom: 20px; }

.login_banner .login .login_box .login_main_a .login_a input { width: 100%; height: 50px; line-height: 50px; font-size: 14px; color: #a6a6a6; border: none; }

.login_banner .login .login_box .login_main_a .login_yzm { margin-bottom: 20px; }

.login_banner .login .login_box .login_main_a .login_yzm input { display: inline-block; width: 280px; border: solid 1px #7f7f7f; height: 54px; line-height: 54px; box-sizing: border-box; padding: 0 25px; color: #a6a6a6; }

.login_banner .login .login_box .login_main_a .login_yzm .login_sed_yzm { display: inline-block; width: 120px; height: 54px; background-color: #262626; line-height: 54px; text-align: center; }

.login_banner .login .login_box .login_main_a .login_yzm .login_sed_yzm a { color: #fff; }

.login_banner .login .login_box .login_main_a .login_pass { font-size: 14px; color: #b3b3b3; margin-bottom: 30px; }

.login_banner .login .login_box .login_main_a .login_pass input { position: relative; top: 2px; width: 14px; height: 14px; border: solid 1px #b2b2b2; }

.login_banner .login .login_box .login_main_a .login_pass .login_pass_left a { color: #262626; }

.login_banner .login .login_box .login_main_a .login_btn button { width: 100%; height: 54px; background-color: #b3b3b3; line-height: 54px; text-align: center; border: none; color: #fff; font-size: 16px; cursor: pointer; }

.login_banner .login .login_box .login_main_a .login_btn .zhuce { margin: 20px 0 50px; text-align: center; font-size: 14px; color: #b3b3b3; }

.login_banner .login .login_box .login_main_a .login_btn .zhuce a { color: #262626; }

.login_banner .login .login_box .login_three .login_three_title { text-align: center; }

.login_banner .login .login_box .login_three .login_three_title p { color: #808080; position: relative; }

.login_banner .login .login_box .login_three .login_three_title p::before, .login_banner .login .login_box .login_three .login_three_title p::after { content: ''; display: block; position: absolute; width: 150px; height: 1px; background-color: #d9d9d9; top: 0; bottom: 0; margin: auto 0; }

.login_banner .login .login_box .login_three .login_three_title p::before { left: 0; }

.login_banner .login .login_box .login_three .login_three_title p::after { right: 0; }

.login_banner .login .login_box .login_three .login_three_img { margin-top: 18px; text-align: center; }

.login_banner .login .login_box .login_three .login_three_img img { margin: 0 20px; width: 54px; height: 54px; display: inline-block; }

.login_banner .login .login_box .login_main + .login_main { display: none; }

.i_banner { width: 100%; height: 750px; }

.i_banner img { width: 100%; height: 750px; }

.i_banner .swiper-pagination-bullet { width: 20px; height: 3px; background-color: #ffffff; margin: 0 7px; opacity: 1; border-radius: 0%; }

.i_banner .swiper-pagination-bullet-active { background-color: #6d6d6d; }

.i_banner .swiper-pagination { bottom: 50px !important; }

.i_product { margin-top: 40px; }

.i_product .i_product_a { width: 380px; }

.i_product .i_product_a .i_product_small { position: relative; width: 380px; height: 228px; overflow: hidden; margin-bottom: 30px; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.i_product .i_product_a .i_product_small:last-child { margin-bottom: 0; }

.i_product .i_product_a .i_product_small img { width: 100%; height: 100%; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.i_product .i_product_a .i_product_small:hover { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.i_product .i_product_a .i_product_small:hover img { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.i_product .i_product_a .i_product_small:hover .i_product_msg { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; bottom: 0; }

.i_product .i_product_b { width: 380px; height: 486px; margin: 0 30px; }

.i_product .i_product_b .i_product_big { position: relative; width: 380px; height: 486px; overflow: hidden; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.i_product .i_product_b .i_product_big img { width: 100%; height: 100%; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.i_product .i_product_b .i_product_big:hover { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.i_product .i_product_b .i_product_big:hover img { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.i_product .i_product_b .i_product_big:hover .i_product_msg { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; bottom: 0; }

.i_product .i_product_msg { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; position: absolute; bottom: -150px; left: 0; right: 0; width: 100%; height: 120px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)); box-sizing: border-box; padding: 0 20px; color: #fff; }

.i_product .i_product_msg .i_product_title { margin: 58px 0 6px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }

.i_product .i_product_msg .i_product_main { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.i_news .i_new_box { margin: 40px 0; }

.i_news .i_new_box ul li { float: left; width: 380px; margin-right: 30px; }

.i_news .i_new_box ul li:last-child { margin-right: 0; }

.i_news .i_new_box ul li .i_new_img { position: relative; width: 380px; height: 280px; }

.i_news .i_new_box ul li .i_new_img img { width: 100%; height: 100%; }

.i_news .i_new_box ul li .i_new_img i { position: absolute; top: 10px; left: 10px; width: 64px; height: 36px; background-color: #ffffff; text-align: center; line-height: 36px; font-size: 16px; color: #252525; }

.i_news .i_new_box ul li p { font-size: 16px; font-weight: bold; color: #252525; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 30px 0 15px; }

.i_news .i_new_box ul li span { display: block; font-size: 12px; line-height: 24px; color: #808080; height: 72px; overflow: hidden; }

.i_news .i_new_box + .i_new_box { display: none; }

.i_more_box { text-align: right; }

.i_more_box .i_more { display: inline-block; width: 80px; height: 34px; line-height: 34px; text-align: center; color: #252525; border: solid 1px #7f7f7f; }

.i_title { margin-top: 70px; border-bottom: 1px solid #b3b3b3; padding-bottom: 20px; }

.i_title .i_title_left p { display: inline-block; position: relative; font-size: 18px; color: #262626; margin-left: 20px; font-weight: bold; }

.i_title .i_title_left p::before { position: absolute; content: ''; display: block; width: 6px; height: 28px; background-color: #262626; left: -20px; top: 0; }

.i_title .i_title_left span { font-size: 18px; color: #e6e6e6; margin-left: 10px; }

.i_title .i_title_right ul li { display: inline-block; margin-left: 30px; font-size: 16px; }

.i_title .i_title_right ul li a { color: #b3b3b3; }

.i_title .i_title_right ul .i_news_on a { color: #262626; }

.i_works .i_works_box + .i_works_box { display: none; }

.i_works .i_works_box { margin-bottom: 40px; }

.i_works .i_works_box ul li { float: left; width: 584px; margin-top: 40px; margin-right: 30px; }

.i_works .i_works_box ul li:nth-child(2n+2) { margin-right: 0; }

.i_works .i_works_box ul li img { width: 100%; height: 431px; }

.i_works .i_works_box ul li .i_work_main { width: 100%; height: 150px; border-top: none; border: solid 1px #e5e5e5; box-sizing: border-box; padding: 20px 30px; }

.i_works .i_works_box ul li .i_work_main p { font-size: 18px; font-weight: bold; color: #252525; line-height: 34px; }

.i_works .i_works_box ul li .i_work_main .i_work_main_msg { margin-top: 15px; }

.i_works .i_works_box ul li .i_work_main .i_work_main_msg .i_work_main_msg_left ul li { width: auto; margin-top: 0; float: left; margin-right: 35px; font-size: 18px; color: #b3b3b3; }

.i_works .i_works_box ul li .i_work_main .i_work_main_msg .i_work_main_msg_left ul li:last-child { margin-right: 0; }

.i_works .i_works_box ul li .i_work_main .i_work_main_msg .i_work_main_msg_left ul li img { display: inline-block; width: 30px; height: 24px; margin-right: 10px; }

.i_designer ul { margin: 40px 0; }

.i_designer ul li { float: left; width: 280px; margin-right: 26px; }

.i_designer ul li:last-child { margin-right: 0; }

.i_designer ul li img { width: 280px; height: 200px; }

.i_designer ul li p { font-size: 16px; font-weight: bold; color: #252525; margin: 20px 0; }

.i_designer ul li span { display: block; font-size: 12px; line-height: 24px; color: #808080; height: 72px; overflow: hidden; }

.i_recommend { padding-bottom: 80px; }

.i_recommend ul { margin: 40px 0 10px; }

.i_recommend ul li { width: 380px; height: 140px; margin-bottom: 30px; background-color: #fafafa; float: left; margin-right: 30px; box-sizing: border-box; padding: 25px 30px; }

.i_recommend ul li:nth-child(3n+3) { margin-right: 0; }

.i_recommend ul li .i_recommend_left { margin-right: 37px; width: 90px; height: 90px; }

.i_recommend ul li .i_recommend_left img { width: 100%; height: 100%; border-radius: 50%; }

.i_recommend ul li .i_recommend_right p { font-size: 18px; font-weight: bold; color: #252525; }

.i_recommend ul li .i_recommend_right span { color: #666666; display: inline-block; margin: 15px 0 12px; }

.i_recommend ul li .i_recommend_right .i_recommend_num span { color: #666666; }

.i_recommend ul li .i_recommend_right .i_recommend_num i { color: #262626; font-weight: bold; display: inline-block; margin: 0 10px 0 5px; position: relative; }

.i_recommend ul li .i_recommend_right .i_recommend_num i::before { position: absolute; content: ''; display: block; width: 1px; right: -7px; top: 3px; height: 14px; background: #262626; }

.i_recommend ul li .i_recommend_right .i_recommend_num i:last-child::before { display: none; }

.tutorial { margin: 60px auto; text-align: center; }

.tutorial img { display: inline-block; margin-bottom: 18px; }

.tutorial p { font-size: 22px; color: #252525; }

.tutorial_main ul li { float: left; width: 380px; height: 412px; margin-bottom: 30px; margin-right: 30px; background-color: #ffffff; border: solid 1px #e5e5e5; box-sizing: border-box; padding: 10px; }

.tutorial_main ul li:nth-child(3n+3) { margin-right: 0; }

.tutorial_main ul li img { width: 100%; height: 260px; }

.tutorial_main ul li p { font-size: 16px; color: #252525; margin: 18px 0 14px; }

.tutorial_main ul li .tutorial_main_msg { margin-bottom: 10px; }

.tutorial_main ul li .tutorial_main_msg .tutorial_main_msg_left { font-size: 16px; color: #cccccc; }

.tutorial_main ul li .tutorial_main_msg .tutorial_main_msg_right { color: #b3b3b3; }

.tutorial_main ul li .tutorial_main_msg .tutorial_main_msg_right img { width: 18px; height: 18px; margin: 0 10px; }

.tutorial_main ul li span { display: block; font-size: 12px; line-height: 24px; color: #808080; height: 48px; overflow: hidden; }

.game .game_title { border-bottom: 1px solid #d9d9d9; margin-bottom: 40px;    height: 50px; }

.game .game_title .game_left ul li { height: 50px; line-height: 50px; float: left; padding: 0 15px; }

.game .game_title .game_left ul li a { font-size: 16px; color: #b3b3b3; }

.game .game_title .game_left ul .game_on { border-bottom: 1px solid #262626; }

.game .game_title .game_left ul .game_on a { color: #262626; }

.game .game_title .game_right { width: 140px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #262626; border: solid 1px #252525; font-weight: bold; }

.game .game_main ul li { float: left; width: 584px; margin-right: 30px; margin-bottom: 40px; }

.game .game_main ul li:nth-child(2n+2) { margin-right: 0; }

.game .game_main ul li img { width: 100%; height: 340px; }

.game .game_main ul li .game_main_box { box-sizing: border-box; padding: 30px; padding-bottom: 15px; padding-right: 0; border: 1px solid #e5e5e5; border-top: none; }

.game .game_main ul li .game_main_box .game_name { height: 36px; line-height: 36px; margin-bottom: 15px; }

.game .game_main ul li .game_main_box .game_name .game_name_left { width: 400px; font-size: 18px; font-weight: bold; color: #252525; }

.game .game_main ul li .game_main_box .game_name .game_name_right { width: 96px; height: 36px; background-color: #262626; border-radius: 18px 0px 0px 18px; line-height: 36px; text-align: center; color: #fff; font-size: 16px; }

.game .game_main ul li .game_main_box p { box-sizing: border-box; padding-right: 30px; line-height: 24px; color: #808080; height: 48px; overflow: hidden; }

.game .game_main ul li .game_time { width: 100%; height: 50px; line-height: 50px; font-size: 16px; box-sizing: border-box; padding: 0 30px; color: #999; background-color: #fafafa;
  border: 1px solid #e5e5e5;border-top: none; }

.game_detail .game_detail_top { margin-bottom: 40px; width: 100%; height: 240px; background-color: #fafafa; box-sizing: border-box; padding: 40px; padding-right: 0; padding-bottom: 0; }

.game_detail .game_detail_top .game_detail_title .game_detail_left { height: 36px; line-height: 36px; font-size: 22px; color: #252525; font-weight: bold; }

.game_detail .game_detail_top .game_detail_title .game_detail_right { width: 96px; height: 36px; line-height: 36px; text-align: center; color: #fff; font-size: 16px; background-color: #262626; border-radius: 18px 0px 0px 18px; }

.game_detail .game_detail_top p { box-sizing: border-box; padding-right: 40px; margin: 30px 0 20px; font-size: 16px; line-height: 30px; color: #808080; }

.game_detail .game_detail_top .game_datail_time { font-size: 16px; color: #262626; }

.game_detail .game_detail_top .game_datail_time img { float: left; margin-right: 15px; }

.game_detail .game_detail_main img { max-width: 100%; }

.game_detail .game_detail_like { margin: 60px 0; }

.game_detail .game_detail_like ul { text-align: center; }

.game_detail .game_detail_like ul li { text-align: center; display: inline-block; margin-right: 65px; }

.game_detail .game_detail_like ul li img { width: 64px; height: 64px; margin-bottom: 20px; }

.game_detail .game_detail_like ul li p { text-align: center; color: #b3b3b3; }

.game_detail .game_detail_shart { width: 100%; height: 100px; line-height: 100px; background-color: #fafafa; box-sizing: border-box; padding: 0 30px; }

.game_detail .game_detail_shart span { font-size: 16px; color: #262626; }

.game_detail .game_detail_shart ul { margin-left: 24px; display: inline-block; }

.game_detail .game_detail_shart ul li { float: left; margin-right: 24px; }

.game_detail .game_detail_shart ul li img { width: 46px; height: 46px; }

.game_detail .game_detail_other_img { margin: 40px 0; }

.game_detail .game_detail_other_img ul li { float: left; width: 386px; height: 224px; margin-right: 20px; position: relative; }

.game_detail .game_detail_other_img ul li:last-child { margin-right: 0; }

.game_detail .game_detail_other_img ul li img { width: 100%; height: 100%; }

.game_detail .game_detail_other_img ul li i { position: absolute; width: 82px; height: 32px; background-color: #262626; border-radius: 16px 0px 0px 16px; line-height: 32px; text-align: center; color: #fff; font-size: 16px; top: 20px; right: 0; }

.game_detail .game_detail_comment .i_title { border: none; }

.game_detail .game_detail_comment textarea { resize: none; width: 100%; height: 120px; background-color: #ffffff; border: solid 1px #7f7f7f; box-sizing: border-box; padding: 5px 10px; color: #999999; line-height: 36px; font-size: 14px; }

.game_detail .game_detail_comment .game_detail_comment_btn { margin: 30px 0; text-align: right; }

.game_detail .game_detail_comment .game_detail_comment_btn a { display: inline-block; width: 140px; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 16px; background-color: #262626; }

.game_detail_comment_main { width: 100%; background-color: #fafafa; margin-bottom: 20px; box-sizing: border-box; padding: 0 30px; }

.game_detail_comment_main .game_detail_comment_list_left { margin-top: 30px; width: 80px; height: 80px; margin-right: 35px; }

.game_detail_comment_main .game_detail_comment_list_left img { width: 80px; height: 80px; border-radius: 50%; }

.game_detail_comment_main .game_detail_comment_list_right { padding: 30px 0; border-bottom: 1px solid #e6e6e6; width: 1022px; }

.game_detail_comment_main .game_detail_comment_list_right:last-child { border-bottom: none; }

.game_detail_comment_main .game_detail_comment_list_right .pl_top .pl_left { font-size: 18px; font-weight: bold; color: #252525; margin-right: 15px; }

.game_detail_comment_main .game_detail_comment_list_right .pl_top .pl_left span { font-size: 14px; font-weight: 500; color: #666; }

.game_detail_comment_main .game_detail_comment_list_right .pl_top .pl_right ul li { float: left; font-size: 14px; color: #999; margin-right: 25px; }

.game_detail_comment_main .game_detail_comment_list_right .pl_top .pl_right ul li:last-child { margin-right: 0; }

.game_detail_comment_main .game_detail_comment_list_right .pl_main { margin: 23px 0 0; font-size: 14px; line-height: 28px; color: #262626; }

.pl_none { width: 100%; background-color: #fafafa; margin-bottom: 100px; }

.pl_none .game_detail_comment_none { height: 100px; line-height: 100px; text-align: center; font-size: 16px; color: #262626; font-weight: bold; }

.product .product_top { margin-bottom: 40px; }

.product .product_top ul .product_on { border: solid 1px #262626; background: #fff; }

.product .product_top ul li { float: left; width: 186px; margin-right: 16px; height: 80px; line-height: 80px; text-align: center; background-color: #f5f5f5; font-size: 20px; color: #262626; border: solid 1px #f5f5f5; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.product .product_top ul li img { width: 46px; height: 46px; margin-right: 25px; }

.product .product_top ul li:last-child { margin-right: 0; }

.product .product_top ul li:hover { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; border: solid 1px #262626; background: #fff; }

.product .product_main ul li { float: left; width: 380px; margin-right: 30px; margin-bottom: 40px; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.product .product_main ul li:nth-child(3n+3) { margin-right: 0; }

.product .product_main ul li .product_main_img { width: 380px; height: 380px; overflow: hidden; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.product .product_main ul li .product_main_img img { width: 100%; height: 100%; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.product .product_main ul li .product_text { background-color: #ffffff; border: solid 1px #e5e5e5; border-top: none; width: 100%; height: 130px; box-sizing: border-box; padding: 30px 40px 0 30px; text-align: center; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.product .product_main ul li .product_text p { font-size: 16px; color: #252525; font-weight: bold; }

.product .product_main ul li .product_text a { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; margin-top: 20px; display: inline-block; width: 84px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #262626; border: solid 1px #262626; }

.product .product_main ul li:hover { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); }

.product .product_main ul li:hover .product_main_img img { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.product .product_main ul li:hover .product_text { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; border: solid 1px #fff; border-top: none; }

.product .product_main ul li:hover .product_text a { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; background-color: #262626; color: #fff; }

.product_detail .product_detail_left { width: 800px; }

.product_detail .product_detail_left .product_detail_msg { width: 100%; height: 200px; background-color: #fafafa; box-sizing: border-box; padding: 30px 50px 0 50px; }

.product_detail .product_detail_left .product_detail_msg .product_detail_msg_left .product_detail_nav { font-size: 16px; color: #808080; }

.product_detail .product_detail_left .product_detail_msg .product_detail_msg_left .product_detail_nav a { font-size: 16px; color: #808080; }

.product_detail .product_detail_left .product_detail_msg .product_detail_msg_left p { font-size: 24px; font-weight: bold; color: #252525; margin: 25px 0; }

.product_detail .product_detail_left .product_detail_msg .product_detail_msg_left span { font-size: 16px; color: #000; }

.product_detail .product_detail_left .product_detail_msg .product_detail_msg_left span i { font-size: 22px; color: #ff0000; }

.product_detail .product_detail_left .product_detail_msg .product_detail_msg_right { text-align: center; }

.product_detail .product_detail_left .product_detail_msg .product_detail_msg_right .product_detail_msg_right_er { width: 130px; height: 130px; line-height: 130px; text-align: center; background-color: #ffffff; }

.product_detail .product_detail_left .product_detail_msg .product_detail_msg_right .product_detail_msg_right_er img { width: 110px; height: 110px; }

.product_detail .product_detail_left .product_detail_msg .product_detail_msg_right p { font-size: 16px; color: #000000; margin-top: 10px; }

.product_detail .product_detail_left .product_detail_main img { max-width: 100%; }

.product_detail .product_detail_right { width: 350px; }

.product_detail .product_detail_right .product_detail_right_title { width: 100%; height: 50px; border-bottom: 1px solid #b3b3b3; line-height: 50px; position: relative; font-size: 18px; color: #262626; padding-left: 20px; }

.product_detail .product_detail_right .product_detail_right_title::before { position: absolute; content: ''; display: block; width: 6px; height: 28px; background-color: #262626; left: 0; top: 0; bottom: 0; margin: auto 0; }

.product_detail .product_detail_right ul li { margin: 30px 0; width: 100%; }

.product_detail .product_detail_right ul li img { width: 350px; height: 350px; }

.product_detail .product_detail_right ul li .product_detail_right_box { width: 100%; height: 110px; background-color: #ffffff; border: solid 1px #e5e5e5; border-top: none; text-align: center; }

.product_detail .product_detail_right ul li .product_detail_right_box p { font-size: 16px; color: #252525; font-weight: bold; margin: 30px 0 20px; }

.product_detail .product_detail_right ul li .product_detail_right_box span { font-size: 16px; color: #000; }

.float { position: fixed; width: 130px; height: 330px; background-color: #ffffff; box-shadow: 0px 5px 30px 0px rgba(3, 0, 0, 0.2); border-radius: 20px; top: 360px; right: 20px; }

.float ul li { height: 165px; text-align: center; position: relative; box-sizing: border-box; padding-top: 35px; }

.float ul li img { width: 68px; height: 68px; margin-bottom: 20px; }

.float ul li p { font-size: 16px; color: #000; }

.float ul li .float_box { position: absolute; left: -300px; top: 36px; width: 400px; display: none; }

.float ul li .float_a { width: 264px; height: 70px; line-height: 70px; text-align: center; color: #fff; font-size: 16px; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; background: url(../images/img42.png) no-repeat center; }

.float ul li:last-child .float_a { background: url(../images/img43.png) no-repeat center; }

.float ul li:hover .float_box { display: block; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; animation: ewm .5s ease-in-out; -webkit-animation: ewm .5s ease-in-out; }

@keyframes ewm { from { left: -240px; }
  to { left: -300px; } }

.designer ul li { float: left; width: 280px; height: 280px; overflow: hidden; position: relative; margin: 0 25px 40px 0; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.designer ul li:nth-child(4n+4) { margin-right: 0; }

.designer ul li img { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; width: 100%; height: 100%; }

.designer ul li .designer_name { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; position: absolute; bottom: -100px; left: 0; width: 100%; height: 100px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.4)); color: #fff; text-align: center; font-size: 18px; }

.designer ul li .designer_name p { position: absolute; left: 0; right: 0; bottom: 20px; }

.designer ul li:hover { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.designer ul li:hover img { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.designer ul li:hover .designer_name { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; bottom: 0; }

.navigation .navigation_a { margin-bottom: 40px; }

.navigation .navigation_a .navigation_a_left { width: 876px; height: 344px; margin-right: 30px; border: solid 1px #e5e5e5; }

.navigation .navigation_a .navigation_a_left .navigation_title { border-top: none; border-left: none; border-right: none; }

.navigation .navigation_a .navigation_a_left .navigation_main { box-sizing: border-box; border: none; }

.navigation .navigation_a .navigation_a_left .navigation_main ul li { float: left; width: 25%; margin: 0 0 33px 0; }

.navigation .navigation_a .navigation_a_left .navigation_main ul li p { font-size: 16px; color: #262626; font-weight: bold; margin-bottom: 15px; }

.navigation .navigation_a .navigation_a_left .navigation_main ul li span { font-size: 14px; color: #b3b3b3; }

.navigation .navigation_a .navigation_a_right { width: 294px; height: 344px; border: solid 1px #e5e5e5; }

.navigation .navigation_a .navigation_a_right .navigation_title { border-top: none; border-left: none; border-right: none; }

.navigation .navigation_a .navigation_a_right .navigation_main { border: none; padding: 30px 40px; }

.navigation .navigation_a .navigation_a_right .navigation_main ul li { float: left; margin: 0 13px 25px 0; font-size: 16px; color: #262626; font-weight: bold; }

.navigation .navigation_title { width: 100%; height: 50px; line-height: 50px; text-align: center; background-color: #fafafa; font-size: 18px; border-bottom: solid 1px #e5e5e5; color: #262626; }

.navigation .navigation_main { border-top: none; box-sizing: border-box; padding: 40px; padding-top: 30px; padding-bottom: 0; }

.navigation .navigation_wrap { width: 100%; margin-bottom: 40px; border: solid 1px #e5e5e5; }

.navigation .navigation_wrap .navigation_main ul li { float: left; width: 20%; margin: 0 0 33px 0; }

.navigation .navigation_wrap .navigation_main ul li p { font-size: 16px; color: #262626; font-weight: bold; margin-bottom: 15px; }

.navigation .navigation_wrap .navigation_main ul li span { font-size: 14px; color: #b3b3b3; }

.latestNew ul li { float: left; width: 380px; margin: 0 30px 40px 0; }

.latestNew ul li .latestNew_img { width: 380px; height: 280px; position: relative; }

.latestNew ul li .latestNew_img i { position: absolute; top: 10px; left: 10px; width: 64px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #252525; background-color: #ffffff; }

.latestNew ul li:nth-child(3n+3) { margin-right: 0; }

.latestNew ul li span { font-size: 16px; display: inline-block; color: #252525; margin: 30px 0 20px; }

.latestNew ul li p { font-size: 12px; line-height: 24px; color: #808080; height: 72px; overflow: hidden; }

.derignerIndex .derignerIndex_msg { width: 100%; height: 280px; background-color: #fafafa; margin-bottom: 40px; }

.derignerIndex .derignerIndex_msg h5 { font-size: 20px; color: #262626; font-weight: bold; margin-top: 38px; margin-bottom: 20px; }

.derignerIndex .derignerIndex_msg .derignerIndex_msg_a { width: 280px; height: 280px; margin-right: 60px; }

.derignerIndex .derignerIndex_msg .derignerIndex_msg_a img { width: 100%; height: 100%; }

.derignerIndex .derignerIndex_msg .derignerIndex_msg_b { width: 330px; }

.derignerIndex .derignerIndex_msg .derignerIndex_msg_b ul li { font-size: 16px; color: #4d4d4d; margin-bottom: 12px; }

.derignerIndex .derignerIndex_msg .derignerIndex_msg_c { width: 418px; font-size: 12px; color: #808080; }

.derignerIndex .derignerIndex_msg .derignerIndex_msg_c p { margin-bottom: 35px; }

.derignerIndex .derignerIndex_video { width: 100%; height: 675px; margin-bottom: 40px; }

.derignerIndex .derignerIndex_video img { width: 100%; height: 100%; }

.derignerIndex .derignerIndex_list ul li { float: left; width: 280px; margin-right: 26px; margin-bottom: 40px; }

.derignerIndex .derignerIndex_list ul li:nth-child(4n+4) { margin-right: 0; }

.derignerIndex .derignerIndex_list ul li img { width: 100%; height: 200px; }

.derignerIndex .derignerIndex_list ul li h5 { font-size: 16px; font-weight: bold; color: #252525; margin: 20px 0; }

.derignerIndex .derignerIndex_list ul li p { display: block; font-size: 12px; line-height: 24px; color: #808080; height: 72px; overflow: hidden; }

.font_list_msg_bottom { margin-top: 20px; }

.font_list_msg_bottom ul li { float: left !important; width: auto !important; margin-bottom: 0 !important; margin-right: 18px !important; color: #b3b3b3; }

.font_list_msg_bottom ul li img { width: 23px !important; height: 16px !important; margin-right: 8px !important; }

.font_list_msg_bottom ul li:last-child { margin-right: 0; }

.font .font_header { width: 100%; text-align: center; }

.font .font_header h5 { font-size: 30px; font-weight: bold; color: #262626; }

.font .font_header .font_search { width: 440px; height: 46px; background-color: #f2f2f2; border-radius: 23px; margin: 20px auto; line-height: 46px; box-sizing: border-box; padding: 0 20px; }

.font .font_header .font_search input { display: inline-block; width: 370px; height: 45px; line-height: 45px; border: none; background-color: #f2f2f2; color: #999999; }

.font .font_header .font_search img { display: inline-block; }

.font .font_header p { color: #262626; margin-bottom: 60px; }

.font .font_result ul li { float: left; width: 280px; height: 200px; margin-right: 26px; }

.font .font_result ul li:last-child { margin-right: 0; }

.font .font_result ul li img { width: 100%; height: 100%; }

.font .font_title { margin-top: 70px; border-bottom: 1px solid #b3b3b3; padding-bottom: 20px; margin-bottom: 40px; }

.font .font_title .font_title_left p { display: inline-block; position: relative; font-size: 18px; color: #262626; margin-left: 20px; font-weight: bold; }

.font .font_title .font_title_left p::before { position: absolute; content: ''; display: block; width: 6px; height: 28px; background-color: #262626; left: -20px; top: 0; }

.font .font_title .font_title_left span { font-size: 18px; color: #e6e6e6; margin-left: 10px; }

.font .font_title .font_title_right { width: 100px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #262626; border: solid 1px #252525; }

.font .font_a ul li { float: left; width: 280px; margin-right: 26px; margin-bottom: 40px; }

.font .font_a ul li:nth-child(4n+4) { margin-right: 0; }

.font .font_a ul li img { width: 100%; height: 200px; }

.font .font_a ul li .font_list_msg { width: 100%; border: solid 1px #e5e5e5; box-sizing: border-box; padding: 13px 20px; height: 120px; }

.font .font_a ul li .font_list_msg .font_list_msg_top .font_list_msg_left p { color: #252525; margin-top: 10px; }

.font .font_a ul li .font_list_msg .font_list_msg_top .font_list_msg_left span { color: #ccc; }

.font .font_a ul li .font_list_msg .font_list_msg_top .font_list_msg_right img { width: 44px; height: 44px; border-radius: 50%; }

.font .font_b ul li { float: left; width: 280px; margin-right: 26px; }

.font .font_b ul li:nth-child(4n+4) { margin-right: 0; }

.font .font_b ul li img { width: 280px; height: 200px; }

.font .font_b ul li p { font-size: 16px; font-weight: bold; color: #252525; margin: 20px 0; }

.font .font_b ul li span { display: block; font-size: 12px; line-height: 24px; color: #808080; height: 72px; overflow: hidden; }

.font .font_c ul li { float: left; width: 380px; height: 140px; background-color: #fafafa; margin: 0 30px 30px 0; box-sizing: border-box; padding: 20px 30px; }

.font .font_c ul li:nth-child(3n+3) { margin-right: 0; }

.font .font_c ul li .font_c_left { width: 93px; height: 93px; margin-right: 40px; }

.font .font_c ul li .font_c_left img { width: 100%; height: 100%; }

.font .font_c ul li .font_c_right h5 { font-size: 18px; color: #252525; font-weight: bold; }

.font .font_c ul li .font_c_right p { color: #666; margin: 15px 0; }

.font .font_c ul li .font_c_right span { color: #666; }

.font .font_c ul li .font_c_right span i { color: #262626; display: inline-block; margin: 0 5px; }

.footerOriginal .footerOriginal_top { text-align: center; }

.footerOriginal .footerOriginal_top .footerOriginal_top_a { display: inline-block; width: 330px; margin: 0 auto; }

.footerOriginal .footerOriginal_top .footerOriginal_top_a .footerOriginal_sele { display: inline-block; width: 115px; height: 38px; background-color: #f2f2f2; border-radius: 19px; }

.footerOriginal .footerOriginal_top .footerOriginal_top_a .footerOriginal_nav { display: inline-block; margin-left: 30px; width: 140px; height: 38px; line-height: 38px; text-align: center; color: #262626; background-color: #f2f2f2; border-radius: 20px; }

.footerOriginal .footerOriginal_top .footerOriginal_top_a .footerOriginal_nav ul li { float: left; width: 70px; }

.footerOriginal .footerOriginal_top .footerOriginal_top_a .footerOriginal_nav ul li:first-child { background-color: #252525; color: #fff; border-radius: 20px 0px 0px 20px; }

.footerOriginal .footerOriginal_top .footerOriginal_top_a .cssSelect .selectRt { background: url(../images/img53.png); float: right; }

.footerOriginal .footerOriginal_top .footerOriginal_top_a .cssSelect .selectLt { color: #262626; }

.footerOriginal .footerOriginal_top .footerOriginal_top_a .cssSelect .selectRt::before { display: none; }

.footerOriginal .footerOriginal_top .footerOriginal_top_a .cssSelect .selectBox { line-height: 36px; width: 115px; }

.footerOriginal .footerOriginal_top .footerOriginal_top_b { width: 100px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #262626; font-weight: bold; border: solid 1px #252525; }

.footerOriginal .footerOriginal_bottom { margin-top: 60px; }

.footerOriginal .footerOriginal_bottom ul li { float: left; width: 280px; margin-right: 26px; margin-bottom: 40px; }

.footerOriginal .footerOriginal_bottom ul li:nth-child(4n+4) { margin-right: 0; }

.footerOriginal .footerOriginal_bottom ul li img { width: 100%; height: 200px; }

.footerOriginal .footerOriginal_bottom ul li .font_list_msg { width: 100%; border: solid 1px #e5e5e5; box-sizing: border-box; padding: 13px 20px; height: 120px; }

.footerOriginal .footerOriginal_bottom ul li .font_list_msg .font_list_msg_top .font_list_msg_left p { color: #252525; margin-top: 10px; }

.footerOriginal .footerOriginal_bottom ul li .font_list_msg .font_list_msg_top .font_list_msg_left span { color: #ccc; }

.footerOriginal .footerOriginal_bottom ul li .font_list_msg .font_list_msg_top .font_list_msg_right img { width: 44px; height: 44px; border-radius: 50%; }

.fontDownload .fontDownload_back { background-color: #fafafa; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }

.fontDownload .fontDownload_nav { padding: 20px 20px 5px; }

.fontDownload .fontDownload_nav .fontDownload_nav_left { width: 70px; padding: 10px  15px; font-size: 16px; color: #262626; }

.fontDownload .fontDownload_nav .fontDownload_nav_right { width: 1077px; }

.fontDownload .fontDownload_nav .fontDownload_nav_right ul .fontDownload_on { background: #333; color: #fff; }

.fontDownload .fontDownload_nav .fontDownload_nav_right ul li { padding: 10px  15px; float: left; color: #262626; margin-right: 35px; margin-bottom: 7px; cursor: pointer; }

.fontDownload .fontDownload_nav_sear { padding: 30px 20px; }

.fontDownload .fontDownload_nav_sear .fontDownload_nav_sear_a { width: 440px; height: 50px; line-height: 50px; background-color: #ffffff; border: solid 1px #7f7f7f; }

.fontDownload .fontDownload_nav_sear .fontDownload_nav_sear_a input { width: 345px; border: none; height: 44px; line-height: 44px; color: #262626; padding: 0 20px; }

.fontDownload .fontDownload_nav_sear .fontDownload_nav_sear_a a { float: right; display: block; width: 88px; height: 49px; line-height: 49px; text-align: center; color: #fff; background-color: #333333; }

.fontDownload .fontDownload_nav_sear p { color: #999999; margin-left: 40px; line-height: 50px; }

.fontDownload .fontDownload_list { margin-bottom: 50px; }

.fontDownload .fontDownload_list ul li { padding-bottom: 30px; border-bottom: 1px solid #d9d9d9; }

.fontDownload .fontDownload_list ul li .fontDownload_list_left p { font-size: 16px; margin: 15px 0 25px; }

.fontDownload .fontDownload_list ul li .fontDownload_list_left img { height: 36px; }

.fontDownload .fontDownload_list ul li .fontDownload_list_right .fontDownload_list_right_btn { display: block; width: 100px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #262626; border: solid 1px #252525; margin: 20px 0; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.fontDownload .fontDownload_list ul li .fontDownload_list_right .fontDownload_list_right_btn:hover { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; border: solid 1px #252525; background-color: #252525; color: #fff; }

.fontDownload .fontDownload_list ul li .fontDownload_list_right .fontDownload_list_right_btna { display: block; color: #999; text-decoration: underline; text-align: right; }

.works { height: 50px; border-bottom: 1px solid #d9d9d9; }

.works .works_nav .works_nav_left ul .works_nav_left_on { border-bottom: 1px solid #262626; color: #262626; font-weight: bold; }

.works .works_nav .works_nav_left ul li { height: 50px; float: left; font-size: 16px; line-height: 36px; color: #b3b3b3; padding: 0 15px; }

.works .works_nav .works_nav_right .works_sele { width: 120px; height: 38px; line-height: 38px; background-color: #f2f2f2; border-radius: 19px; }

.works .works_nav .works_nav_right .cssSelect .selectRt { background: url(../images/img53.png); float: right; }

.works .works_nav .works_nav_right .cssSelect .selectLt { color: #262626; }

.works .works_nav .works_nav_right .cssSelect .selectRt::before { display: none; }

.works .works_nav .works_nav_right .cssSelect .selectBox { line-height: 38px; width: 120px; }

.works .works_nav .works_nav_right .works_nav_right_nav { margin: 0 30px; display: inline-block; width: 140px; height: 38px; line-height: 38px; text-align: center; color: #262626; background-color: #f2f2f2; border-radius: 20px; }

.works .works_nav .works_nav_right .works_nav_right_nav ul li { float: left; width: 70px; }

.works .works_nav .works_nav_right .works_nav_right_nav ul li:first-child { background-color: #252525; color: #fff; border-radius: 20px 0px 0px 20px; }

.works .works_nav .works_nav_right .works_nav_right_btn { width: 100px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; color: #262626; font-weight: bold; border: solid 1px #252525; }

.works_list { margin: 40px auto; }

.works_list ul li { float: left; width: 380px; margin-right: 30px; margin-bottom: 40px; }

.works_list ul li:nth-child(3n+3) { margin-right: 0; }

.works_list ul li .works_list_img { width: 380px; height: 280px; position: relative; }

.works_list ul li .works_list_img img { width: 100%; height: 100%; }

.works_list ul li .works_list_img i { position: absolute; left: 10px; top: 10px; display: block; width: 50px; height: 24px; background-color: #918e8b; border-radius: 6px; line-height: 24px; text-align: center; color: #ffffff; }

.works_list ul li .works_list_msg { width: 100%; height: 130px; box-sizing: border-box; padding: 20px; border: solid 1px #e5e5e5;
  border-top: none;
}

.works_list ul li .works_list_msg .works_list_msg_a .works_list_msg_a_left p { color: #252525; margin-bottom: 5px; }

.works_list ul li .works_list_msg .works_list_msg_a .works_list_msg_a_left span { color: #ccc; }

.works_list ul li .works_list_msg .works_list_msg_a .works_list_msg_a_right { width: 60px; height: 60px; }

.works_list ul li .works_list_msg .works_list_msg_a .works_list_msg_a_right img { width: 60px; height: 60px; border-radius: 50%; }

.works_list ul li .works_list_msg .works_list_msg_b { margin-top: 15px; }

.works_list ul li .works_list_msg .works_list_msg_b .works_list_msg_b_left ul li { float: left; width: auto; margin-bottom: 0; margin-right: 18px; color: #b3b3b3; }

.works_list ul li .works_list_msg .works_list_msg_b .works_list_msg_b_left ul li img { width: 23px;
  /*height: 16px; */
  margin-right: 8px; }

.works_list ul li .works_list_msg .works_list_msg_b .works_list_msg_b_right { color: #b3b3b3; }

::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; }

:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; }

.uploading .uploading_back { background-color: #fafafa; box-sizing: border-box; padding: 50px; margin-bottom: 20px; }

.uploading .uploading_title { font-size: 20px; position: relative; padding-left: 20px; margin-bottom: 35px; }

.uploading .uploading_title::before { position: absolute; left: 0; top: 0; content: ''; display: block; width: 6px; height: 28px; background-color: #262626; }

.uploading .uploading_title p { margin-right: 20px; display: inline-block; }

.uploading .uploading_title span { font-size: 14px; color: #808080; }

.uploading .uploading_a .uploading_a_a { width: 100%; height: 50px; background-color: #ffffff; border: solid 1px #7f7f7f; line-height: 50px; box-sizing: border-box; padding: 0 20px; color: #262626; }

.uploading .uploading_a .uploading_a_sele { margin: 30px 0; }

.uploading .uploading_a .uploading_a_sele .uploading_a_sele_left, .uploading .uploading_a .uploading_a_sele .uploading_a_sele_right { width: 530px; height: 51px; line-height: 51px; background-color: #ffffff; border: solid 1px #7f7f7f; }

.uploading .uploading_a .uploading_a_sele .cssSelect .selectRt { background: url(../images/img57.png); float: right; width: 50px; height: 50px; top: 0; }

.uploading .uploading_a .uploading_a_sele .cssSelect .selectLt { color: #262626; }

.uploading .uploading_a .uploading_a_sele .cssSelect { width: 530px; }

.uploading .uploading_a .uploading_a_sele .cssSelect .selectLt { height: 51px; line-height: 51px; }

.uploading .uploading_a .uploading_a_sele .cssSelect .selectRt::before { display: none; }

.uploading .uploading_a .uploading_a_sele .cssSelect .selectBox { line-height: 30px; width: 100%; padding-right: 0; }

.uploading .uploading_a .uploading_a_sele .cssSelect .optionsBox { width: 530px; }

.uploading .uploading_a .uploading_a_sele .cssSelect .selected, .uploading .uploading_a .uploading_a_sele .cssSelect .oHover { background: #fafafa; color: #262626; }

.uploading .uploading_a .uploading_a_sele .cssSelect .optionBox { height: 50px; line-height: 50px; }

.uploading .uploading_a textarea { resize: none; width: 100%; height: 120px; background-color: #ffffff; border: solid 1px #7f7f7f; padding: 20px; box-sizing: border-box; color: #262626; }

.uploading .uploading_b .uploading_b_box .uploading_b_img { width: 340px; height: 258px; box-sizing: border-box; padding: 15px; margin-bottom: 15px; background-color: #ffffff; border: solid 1px #7f7f7f; margin-right: 25px; }

.uploading .uploading_b .uploading_b_box .uploading_b_img:nth-child(3n+3) { margin-right: 0; }

.uploading .uploading_b .uploading_b_box .uploading_b_img img { width: 100%; height: 100%; }

.uploading .uploading_b .uploading_b_box .uploading_b_img .uploading_b_img_a { width: 100%; height: 100%; background-color: #fafafa; text-align: center; box-sizing: border-box; padding: 0 35px; }

.uploading .uploading_b .uploading_b_box .uploading_b_img .uploading_b_img_a a { display: inline-block; width: 140px; height: 44px; background-color: #262626; margin: 58px 0 25px; color: #fff; line-height: 44px; text-align: center; }

.uploading .uploading_b .uploading_b_box .uploading_b_img .uploading_b_img_a span { display: block; font-size: 14px; line-height: 30px; color: #808080; }

.uploading .uploading_c .uploading_c_video { width: 100%; height: 120px; background-color: #ffffff; border: solid 1px #7f7f7f; margin-bottom: 30px; box-sizing: border-box; padding: 15px; }

.uploading .uploading_c .uploading_c_video .uploading_c_video_up { width: 100%; height: 100%; background-color: #fafafa; box-sizing: border-box; padding: 20px; }

.uploading .uploading_c .uploading_c_video .uploading_c_video_up a { display: inline-block; width: 140px; height: 44px; background-color: #262626; margin-right: 30px; color: #fff; line-height: 44px; text-align: center; }

.uploading .uploading_c .uploading_c_video .uploading_c_video_up span { font-size: 14px; color: #808080; }

.uploading .uploading_c .uploading_c_video_sele { width: 350px; height: 51px; line-height: 51px; background-color: #ffffff; border: solid 1px #7f7f7f; }

.uploading .uploading_c .uploading_c_video_sele .cssSelect .selectRt { background: url(../images/img57.png); float: right; width: 50px; height: 50px; top: 0; }

.uploading .uploading_c .uploading_c_video_sele .cssSelect .selectLt { color: #262626; }

.uploading .uploading_c .uploading_c_video_sele .cssSelect { width: 350px; }

.uploading .uploading_c .uploading_c_video_sele .cssSelect .selectLt { height: 51px; line-height: 51px; }

.uploading .uploading_c .uploading_c_video_sele .cssSelect .selectRt::before { display: none; }

.uploading .uploading_c .uploading_c_video_sele .cssSelect .selectBox { line-height: 30px; width: 100%; padding-right: 0; }

.uploading .uploading_c .uploading_c_video_sele .cssSelect .optionsBox { width: 350px; }

.uploading .uploading_c .uploading_c_video_sele .cssSelect .selected, .uploading .uploading_c .uploading_c_video_sele .cssSelect .oHover { background: #fafafa; color: #262626; }

.uploading .uploading_c .uploading_c_video_sele .cssSelect .optionBox { height: 50px; line-height: 50px; }

.uploading .uploading_btn { margin: 80px 0; }

.uploading .uploading_btn ul { text-align: center; }

.uploading .uploading_btn ul li { display: inline-block; width: 140px; height: 44px; line-height: 44px; text-align: center; font-size: 16px; color: #262626; border: solid 1px #262626; margin-right: 20px; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.uploading .uploading_btn ul li a { display: block; }

.uploading .uploading_btn ul li:hover { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; background-color: #262626; }

.uploading .uploading_btn ul li:hover a { color: #fff; }

.worksDetail .worksDetail_top { margin-top: 40px; width: 100%; height: 230px; background-color: #ffffff; border: solid 1px #e5e5e5; box-sizing: border-box; padding: 25px; }

.worksDetail .worksDetail_top .worksDetail_top_left { margin-top: 30px; }

.worksDetail .worksDetail_top .worksDetail_top_left .worksDetail_top_left_tou { width: 90px; height: 90px; margin-right: 25px; }

.worksDetail .worksDetail_top .worksDetail_top_left .worksDetail_top_left_tou img { width: 90px; height: 90px; border-radius: 50%; }

.worksDetail .worksDetail_top .worksDetail_top_left .worksDetail_top_left_msg h5 { font-size: 18px; font-weight: bold; color: #252525; }

.worksDetail .worksDetail_top .worksDetail_top_left .worksDetail_top_left_msg p { font-size: 14px; color: #666; margin: 15px 0; }

.worksDetail .worksDetail_top .worksDetail_top_left .worksDetail_top_left_msg span { color: #666; }

.worksDetail .worksDetail_top .worksDetail_top_left .worksDetail_top_left_msg span i { color: #262626; display: inline-block; margin: 0 5px; }

.worksDetail .worksDetail_top .worksDetail_top_left .worksDetail_top_left_msg .worksDetail_top_left_btn { margin-top: 15px; }

.worksDetail .worksDetail_top .worksDetail_top_left .worksDetail_top_left_msg .worksDetail_top_left_btn a { display: inline-block; background-color: #262626; padding: 7px 20px; color: #fff; font-size: 14px; margin-right: 10px; }

.worksDetail .worksDetail_top .worksDetail_top_right img { float: left; width: 248px; height: 180px; margin-right: 15px; }

.worksDetail .worksDetail_top .worksDetail_top_right img:last-child { margin-right: 0; }

.worksDetail .worksDetail_name h5 { font-size: 22px; font-weight: bold; color: #252525; margin: 40px 0 20px; }

.worksDetail .worksDetail_name ul li { float: left; margin-right: 30px; font-size: 14px; color: #999; }

.worksDetail .worksDetail_name ul li img { width: 23px; height: 16px; margin-right: 5px; }

.worksDetail .worksDetail_msg { margin: 40px 0; }

.worksDetail .worksDetail_msg img { max-width: 100%; }

.worksDetail .game_detail_like { margin: 60px 0; }

.worksDetail .game_detail_like ul { text-align: center; }

.worksDetail .game_detail_like ul li { text-align: center; display: inline-block; margin-right: 65px; }

.worksDetail .game_detail_like ul li img { width: 64px; height: 64px; margin-bottom: 20px; }

.worksDetail .game_detail_like ul li p { text-align: center; color: #b3b3b3; }

.worksDetail .game_detail_shart { width: 100%; height: 100px; line-height: 100px; background-color: #fafafa; box-sizing: border-box; padding: 0 30px; }

.worksDetail .game_detail_shart span { font-size: 16px; color: #262626; }

.worksDetail .game_detail_shart ul { margin-left: 24px; display: inline-block; }

.worksDetail .game_detail_shart ul li { float: left; margin-right: 24px; }

.worksDetail .game_detail_shart ul li img { width: 46px; height: 46px; }

.worksDetail .worksDetail_ban { margin-bottom: 10px; width: 100%; height: 180px; background-color: #fafafa; box-sizing: border-box; padding: 45px; font-size: 16px; }

.worksDetail .worksDetail_ban p { color: #ff4747; }

.worksDetail .worksDetail_ban span { color: #808080; line-height: 30px; }

.worksDetail .game_detail_comment .i_title { border: none; }

.worksDetail .game_detail_comment textarea { resize: none; width: 100%; height: 120px; background-color: #ffffff; border: solid 1px #7f7f7f; box-sizing: border-box; padding: 5px 10px; color: #999999; line-height: 36px; font-size: 14px; }

.worksDetail .game_detail_comment .game_detail_comment_btn { margin: 30px 0; text-align: right; }

.worksDetail .game_detail_comment .game_detail_comment_btn a { display: inline-block; width: 140px; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: 16px; background-color: #262626; }

.worksDetail .worksDetail_more_list ul li { float: left; width: 380px; margin-right: 30px; margin-bottom: 40px; }

.worksDetail .worksDetail_more_list ul li:nth-child(3n+3) { margin-right: 0; }

.worksDetail .worksDetail_more_list ul li .works_list_img { width: 380px; height: 280px; position: relative; }

.worksDetail .worksDetail_more_list ul li .works_list_img img { width: 100%; height: 100%; }

.worksDetail .worksDetail_more_list ul li .works_list_img i { position: absolute; left: 10px; top: 10px; display: block; width: 50px; height: 24px; background-color: #918e8b; border-radius: 6px; line-height: 24px; text-align: center; color: #ffffff; }

.worksDetail .worksDetail_more_list ul li .works_list_msg { width: 100%; height: 130px; box-sizing: border-box; padding: 20px; border: solid 1px #e5e5e5; }

.worksDetail .worksDetail_more_list ul li .works_list_msg .works_list_msg_a .works_list_msg_a_left p { color: #252525; margin-bottom: 5px; }

.worksDetail .worksDetail_more_list ul li .works_list_msg .works_list_msg_a .works_list_msg_a_left span { color: #ccc; }

.worksDetail .worksDetail_more_list ul li .works_list_msg .works_list_msg_a .works_list_msg_a_right { width: 60px; height: 60px; }

.worksDetail .worksDetail_more_list ul li .works_list_msg .works_list_msg_a .works_list_msg_a_right img { width: 60px; height: 60px; border-radius: 50%; }

.worksDetail .worksDetail_more_list ul li .works_list_msg .works_list_msg_b { margin-top: 15px; }

.worksDetail .worksDetail_more_list ul li .works_list_msg .works_list_msg_b .works_list_msg_b_left ul li { float: left; width: auto; margin-bottom: 0; margin-right: 18px; color: #b3b3b3; }

.worksDetail .worksDetail_more_list ul li .works_list_msg .works_list_msg_b .works_list_msg_b_left ul li img { width: 23px; height: 16px; margin-right: 8px; }

.worksDetail .worksDetail_more_list ul li .works_list_msg .works_list_msg_b .works_list_msg_b_right { color: #b3b3b3; }

.personal { width: 100%; height: 833px; margin-bottom: 30px; }

.personal .personal_back { height: 500px; position: relative; }

.personal .personal_top { text-align: center; }

.personal .personal_top img { margin: 60px 0 20px; }

.personal .personal_top p { font-size: 22px; font-weight: bold; color: #252525; }

.personal .personal_bottom { width: 735px; position: absolute; bottom: -185px; left: 0; right: 0; margin: 0 auto; text-align: center; vertical-align: middle; }

.personal .personal_bottom .personal_bottom_left { width: 200px; vertical-align: top; display: inline-block; font-size: 24px; color: #fff; margin-top: 28px; }

.personal .personal_bottom .personal_bottom_center { display: inline-block; margin: 0 70px; }

.personal .personal_bottom .personal_bottom_center img { width: 180px; height: 180px; border-radius: 90px; border: solid 5px #ffffff; }

.personal .personal_bottom .personal_bottom_center h5 { font-size: 20px; font-weight: bold; color: #262626; margin: 30px 0 20px; }

.personal .personal_bottom .personal_bottom_center p { font-size: 16px; color: #4d4d4d; }

.personal .personal_nav { margin-top: 280px; }

.personal .personal_nav ul { border-bottom: 1px solid #d9d9d9; }

.personal .personal_nav ul li { height: 50px; line-height: 50px; float: left; padding: 0 15px; }

.personal .personal_nav ul li a { font-size: 16px; color: #b3b3b3; }

.personal .personal_nav ul .game_on { border-bottom: 1px solid #262626; }

.personal .personal_nav ul .game_on a { color: #262626; }

.personalFans h4 { font-size: 16px; color: #262626; margin-bottom: 30px; }

.personalFans ul li { float: left; width: 584px; height: 140px; background-color: #fafafa; margin-right: 30px; margin-bottom: 30px; box-sizing: border-box; padding: 25px 30px; }

.personalFans ul li:nth-child(2n+2) { margin-right: 0; }

.personalFans ul li .personalFans_left img { float: left; width: 90px; height: 90px; margin-right: 38px; }

.personalFans ul li .personalFans_left .personalFans_msg { float: left; }

.personalFans ul li .personalFans_left .personalFans_msg h5 { font-size: 18px; font-weight: bold; color: #252525; }

.personalFans ul li .personalFans_left .personalFans_msg p { color: #666666; margin: 12px 0; }

.personalFans ul li .personalFans_left .personalFans_msg span { color: #666666; }

.personalFans ul li .personalFans_left .personalFans_msg span i { color: #262626; font-weight: bold; margin: 0 3px; }

.personalFans ul li .personalFans_on { border: solid 1px #262626 !important; background: #fff !important; color: #262626 !important; }

.personalFans ul li .personalFans_right { margin-top: 30px; width: 80px; height: 34px; border: solid 1px #262626; background: #262626; line-height: 34px; text-align: center; color: #fff; }

.personalAtten .personalAtten_top { margin-bottom: 30px; }

.personalAtten .personalAtten_top .personalAtten_top_left { font-size: 16px; color: #262626; }

.personalAtten .personalAtten_top .personalAtten_top_right { width: 115px; height: 38px; background-color: #f2f2f2; border-radius: 19px; }

.personalAtten .personalAtten_top .cssSelect .selectRt { background: url(../images/img53.png); float: right; }

.personalAtten .personalAtten_top .cssSelect .selectLt { color: #262626; }

.personalAtten .personalAtten_top .cssSelect .selectRt::before { display: none; }

.personalAtten .personalAtten_top .cssSelect .selectBox { line-height: 36px; width: 115px; }

.personalAtten .personalAtten_bottom ul li { margin-bottom: 40px; width: 100%; height: 230px; background-color: #ffffff; border: solid 1px #e5e5e5; box-sizing: border-box; padding: 25px; }

.personalAtten .personalAtten_bottom ul li .worksDetail_top_left { margin-top: 30px; }

.personalAtten .personalAtten_bottom ul li .worksDetail_top_left .worksDetail_top_left_tou { width: 90px; height: 90px; margin-right: 25px; }

.personalAtten .personalAtten_bottom ul li .worksDetail_top_left .worksDetail_top_left_tou img { width: 90px; height: 90px; border-radius: 50%; }

.personalAtten .personalAtten_bottom ul li .worksDetail_top_left .worksDetail_top_left_msg h5 { font-size: 18px; font-weight: bold; color: #252525; }

.personalAtten .personalAtten_bottom ul li .worksDetail_top_left .worksDetail_top_left_msg p { font-size: 14px; color: #666; margin: 15px 0; }

.personalAtten .personalAtten_bottom ul li .worksDetail_top_left .worksDetail_top_left_msg span { color: #666; }

.personalAtten .personalAtten_bottom ul li .worksDetail_top_left .worksDetail_top_left_msg span i { color: #262626; display: inline-block; margin: 0 5px; }

.personalAtten .personalAtten_bottom ul li .worksDetail_top_left .worksDetail_top_left_msg .worksDetail_top_left_btn { margin-top: 15px; }

.personalAtten .personalAtten_bottom ul li .worksDetail_top_left .worksDetail_top_left_msg .worksDetail_top_left_btn a { display: inline-block; background-color: #262626; padding: 7px 20px; color: #fff; font-size: 14px; margin-right: 10px; }

.personalAtten .personalAtten_bottom ul li .worksDetail_top_right img { float: left; width: 248px; height: 180px; margin-right: 15px; }

.personalAtten .personalAtten_bottom ul li .worksDetail_top_right img:last-child { margin-right: 0; }

.personalIndex { margin-bottom: 180px; }

.personalIndex .personalIndex_up { width: 100%; height: 380px; background-color: #fafafa; text-align: center; }

.personalIndex .personalIndex_up img { margin-top: 78px; }

.personalIndex .personalIndex_up p { font-size: 18px; color: #999; }

.personalIndex .personalIndex_up a { margin-top: 30px; display: inline-block; width: 100px; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 16px; background-color: #262626; }

.mine { margin-top: 50px; margin-bottom: 100px; }

.mine .mine_left { width: 260px; height: 717px; background-color: #fafafa; box-sizing: border-box; padding: 50px; text-align: center; }

.mine .mine_left img { width: 120px; height: 120px; border-radius: 50%; }

.mine .mine_left h5 { font-size: 20px; font-weight: bold; color: #262626; margin: 30px 0 20px; }

.mine .mine_left p { font-size: 16px; color: #4d4d4d; }

.mine .mine_left ul { margin-top: 40px; }

.mine .mine_left ul li { width: 160px; height: 48px; line-height: 48px; margin-bottom: 20px; background-color: #ffffff; font-size: 16px; border: solid 1px #252525; color: #262626; text-align: center; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; }

.mine .mine_left ul li a { display: block; }

.mine .mine_left ul li:hover { -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -ms-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; background-color: #262626; }

.mine .mine_left ul li:hover a { color: #fff; }

.mine .mine_left ul .mine_left_on { background-color: #262626; }

.mine .mine_left ul .mine_left_on a { color: #fff; }

.mine .mine_right { width: 893px; }

.mine .mine_right .mine_right_nav { margin-bottom: 40px; }

.mine .mine_right .mine_right_nav ul { border-bottom: 1px solid #d9d9d9; }

.mine .mine_right .mine_right_nav ul li { height: 50px; line-height: 50px; float: left; padding: 0 15px; }

.mine .mine_right .mine_right_nav ul li a { font-size: 16px; color: #b3b3b3; }

.mine .mine_right .mine_right_nav ul .mine_right_on { border-bottom: 1px solid #262626; }

.mine .mine_right .mine_right_nav ul .mine_right_on a { color: #262626; }

.mineInfo { width: 100%; font-size: 16px; }

.mineInfo .mineInfo_back { width: 100%; background-color: #fafafa; box-sizing: border-box; padding: 40px; margin-bottom: 20px; }

.mineInfo .mineInfo_title { font-size: 20px; font-weight: bold; color: #252525; margin: 40px 0 30px; }

.mineInfo .cssSelect .selectRt { background: url(../images/img53.png); float: right; }

.mineInfo .cssSelect .selectLt { color: #262626; }

.mineInfo .cssSelect .selectRt::before { display: none; }

.mineInfo .cssSelect .selectBox { line-height: 30px; width: 100%; padding-right: 18px; }

.mineInfo .cssSelect .selected, .mineInfo .cssSelect .oHover { background: #fafafa; color: #262626; }

.mineInfo .cssSelect .optionBox { height: 50px; line-height: 50px; }

.mineInfo .cssSelect .selectLt { height: 35px; line-height: 35px; }

.mineInfo .mineInfo_a .mineInfo_a_img { text-align: center; }

.mineInfo .mineInfo_a .mineInfo_a_img img { width: 150px; height: 150px; border-radius: 50%; margin-bottom: 25px; }

.mineInfo .mineInfo_a .mineInfo_a_img h5 { font-size: 20px; font-weight: bold; color: #262626; }

.mineInfo .mineInfo_a_list_a { margin-bottom: 15px; height: 36px; line-height: 36px; }

.mineInfo .mineInfo_a_list_a .mineInfo_a_list_a_left { width: 64px; margin-right: 30px; text-align: right; color: #999; }

.mineInfo .mineInfo_a_list_a .mineInfo_a_list_a_right span { color: #262626; display: inline-block; margin-right: 20px; }

.mineInfo .mineInfo_a_list_a .mineInfo_a_list_a_right a { color: #ff4747; display: inline-block; margin-right: 20px; }

.mineInfo .mineInfo_a_list_a .mineInfo_a_list_a_right i { color: #999; }

.mineInfo .mineInfo_a_list_a .mineInfo_a_list_b_right input { margin-right: 13px; width: 16px; height: 16px; position: relative; top: 3px; }

.mineInfo .mineInfo_a_list_a .mineInfo_a_list_b_right label { margin-right: 20px; }

.mineInfo .mineInfo_a_list_a .mineInfo_a_list_c_right { width: 150px; height: 36px; background-color: #ffffff; border: solid 1px #e5e5e5; }

.mineInfo .mineInfo_a_list_a .mineInfo_a_list_c_right .cssSelect { width: 150px; }

.mineInfo .mineInfo_a_list_a .mineInfo_a_list_c_right .cssSelect .optionsBox { width: 150px; }

.mineInfo .mineInfo_a_list_a .mineInfo_a_list_d_right { width: 716px; }

.mineInfo .mineInfo_a_list_a .mineInfo_a_list_d_right input { width: 100%; height: 36px; line-height: 36px; box-sizing: border-box; padding: 0 20px; background-color: #ffffff; border: solid 1px #e5e5e5; font-size: 14px; color: #262626; }

.mineInfo .mineInfo_a_list_a .mineInfo_a_list_d_right textarea { resize: none; width: 100%; height: 100px; background-color: #ffffff; border: solid 1px #e5e5e5; line-height: 36px; font-size: 14px; color: #262626; box-sizing: border-box; padding: 10px 20px; }

.mineInfo .mineInfo_a_list_a .mineInfo_a_list_e_right input { float: left; width: 480px; height: 36px; line-height: 36px; box-sizing: border-box; padding: 0 20px; background-color: #ffffff; border: solid 1px #e5e5e5; font-size: 14px; color: #262626; margin-right: 20px; }

.mineInfo .mineInfo_a_list_a .mineInfo_a_list_e_right .mineInfo_a_list_e_right_qq { float: left; width: 216px; height: 36px; background-color: #ffffff; border: solid 1px #e5e5e5; }

.mineInfo .mineInfo_a_list_a .mineInfo_a_list_e_right .cssSelect { width: 216px; }

.mineInfo .mineInfo_a_list_a .mineInfo_a_list_e_right .cssSelect .optionsBox { width: 216px; }

.mineInfo .mineInfo_a_list_f_right input { width: 100%; height: 36px; line-height: 36px; box-sizing: border-box; padding: 0 20px; background-color: #ffffff; border: solid 1px #e5e5e5; font-size: 14px; color: #262626; }

.send button { width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background-color: #262626; border: none; }

.myCreation .myCreation_header { margin-bottom: 40px; }

.myCreation .myCreation_header .myCreation_header_left { font-size: 16px; line-height: 36px; color: #262626; }

.myCreation .myCreation_header .myCreation_header_right { width: 120px; height: 38px; background-color: #f2f2f2; border-radius: 19px; }

.myCreation .myCreation_header .cssSelect .selectRt { background: url(../images/img53.png); float: right; }

.myCreation .myCreation_header .cssSelect .selectLt { color: #262626; }

.myCreation .myCreation_header .cssSelect .selectRt::before { display: none; }

.myCreation .myCreation_header .cssSelect .selectBox { line-height: 36px; width: 120px; }

.myCreation .myCreation_list ul li { float: left; width: 430px; margin-right: 30px; margin-bottom: 40px; }

.myCreation .myCreation_list ul li:nth-child(2n+2) { margin-right: 0; }

.myCreation .myCreation_list ul li .works_list_img { width: 430px; height: 280px; position: relative; }

.myCreation .myCreation_list ul li .works_list_img img { width: 100%; height: 100%; }

.myCreation .myCreation_list ul li .works_list_img .works_list_img_text { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: rgba(0, 0, 0, 0.4); line-height: 50px; }

.myCreation .myCreation_list ul li .works_list_img .works_list_img_text ul li { margin-right: 0; margin-bottom: 0; width: 50%; text-align: center; position: relative; }

.myCreation .myCreation_list ul li .works_list_img .works_list_img_text ul li::before { position: absolute; content: ''; display: block; width: 1px; height: 30px; background-color: #ffffff; top: 0; bottom: 0; margin: auto 0; right: 0; }

.myCreation .myCreation_list ul li .works_list_img .works_list_img_text ul li:last-child::before { display: none; }

.myCreation .myCreation_list ul li .works_list_img .works_list_img_text ul li a { display: block; font-size: 16px; color: #fefefe; }

.myCreation .myCreation_list ul li .works_list_msg { width: 100%; height: 130px; box-sizing: border-box; padding: 20px; border: solid 1px #e5e5e5; }

.myCreation .myCreation_list ul li .works_list_msg .works_list_msg_a .works_list_msg_a_left p { color: #252525; margin-bottom: 5px; }

.myCreation .myCreation_list ul li .works_list_msg .works_list_msg_a .works_list_msg_a_left span { color: #ccc; }

.myCreation .myCreation_list ul li .works_list_msg .works_list_msg_a .works_list_msg_a_right { width: 60px; height: 60px; }

.myCreation .myCreation_list ul li .works_list_msg .works_list_msg_a .works_list_msg_a_right img { width: 60px; height: 60px; border-radius: 50%; }

.myCreation .myCreation_list ul li .works_list_msg .works_list_msg_b { margin-top: 15px; }

.myCreation .myCreation_list ul li .works_list_msg .works_list_msg_b .works_list_msg_b_left ul li { float: left; width: auto; margin-bottom: 0; margin-right: 18px; color: #b3b3b3; }

.myCreation .myCreation_list ul li .works_list_msg .works_list_msg_b .works_list_msg_b_left ul li img { width: 23px; height: 16px; margin-right: 8px; }

.myCreation .myCreation_list ul li .works_list_msg .works_list_msg_b .works_list_msg_b_right { color: #b3b3b3; }

.dynamic ul li { float: left; width: 280px; margin-right: 26px; margin-bottom: 30px; }

.dynamic ul li img { width: 100%; height: 200px; }

.dynamic ul li .dynamic_a { border: 1px solid #e5e5e5; box-sizing: border-box; padding: 0 15px; }

.dynamic ul li .dynamic_a .dynamic_a_top { margin: 20px 0; }

.dynamic ul li .dynamic_a .dynamic_a_top i { margin-right: 5px; display: inline-block; padding: 4px 8px; border-radius: 6px; background: rgba(0, 0, 0, 0.4); color: #fff; font-size: 12px; }

.dynamic ul li .dynamic_a .dynamic_a_top span { font-size: 14px; font-weight: bold; color: #252525; }

.dynamic ul li .dynamic_a .font_list_msg_bottom ul { margin-bottom: 20px; }

.dynamic ul li .dynamic_a .font_list_msg_bottom ul li { margin-right: 13px !important; }

.dynamic ul li .dynamic_b { border: 1px solid #e5e5e5; border-top: none; box-sizing: border-box; padding: 0 15px; height: 70px; line-height: 70px; }

.dynamic ul li .dynamic_b .dynamic_b_left img { width: 40px; height: 40px; border-radius: 50%; margin-right: 10px; }

.dynamic ul li .dynamic_b .dynamic_b_left span { font-size: 14px; font-weight: bold; color: #252525; }

.dynamic ul li .dynamic_b .dynamic_b_right { font-size: 14px; color: #808080; }

.dynamic ul li:nth-child(3n+3) { margin-right: 0; }

.myFans ul li { float: left; width: 436px; height: 140px; background-color: #fafafa; margin-right: 21px; margin-bottom: 20px; box-sizing: border-box; padding: 25px 30px; }

.myFans ul li:nth-child(2n+2) { margin-right: 0; }

.myFans ul li .personalFans_left img { float: left; width: 90px; height: 90px; margin-right: 38px; }

.myFans ul li .personalFans_left .personalFans_msg { float: left; }

.myFans ul li .personalFans_left .personalFans_msg h5 { font-size: 18px; font-weight: bold; color: #252525; }

.myFans ul li .personalFans_left .personalFans_msg p { color: #666666; margin: 12px 0; }

.myFans ul li .personalFans_left .personalFans_msg span { color: #666666; }

.myFans ul li .personalFans_left .personalFans_msg span i { color: #262626; font-weight: bold; margin: 0 3px; }

.myFans ul li .personalFans_on { border: solid 1px #262626 !important; background: #fff !important; color: #262626 !important; }

.myFans ul li .personalFans_right { margin-top: 30px; width: 80px; height: 34px; border: solid 1px #262626; background: #262626; line-height: 34px; text-align: center; color: #fff; }

.myAttention ul li { margin-bottom: 40px; width: 100%; height: 230px; background-color: #ffffff; border: solid 1px #e5e5e5; box-sizing: border-box; padding: 25px; }

.myAttention ul li .worksDetail_top_left { margin-top: 30px; }

.myAttention ul li .worksDetail_top_left .worksDetail_top_left_tou { width: 90px; height: 90px; margin-right: 25px; }

.myAttention ul li .worksDetail_top_left .worksDetail_top_left_tou img { width: 90px; height: 90px; border-radius: 50%; }

.myAttention ul li .worksDetail_top_left .worksDetail_top_left_msg h5 { font-size: 18px; font-weight: bold; color: #252525; }

.myAttention ul li .worksDetail_top_left .worksDetail_top_left_msg p { font-size: 14px; color: #666; margin: 15px 0; }

.myAttention ul li .worksDetail_top_left .worksDetail_top_left_msg span { color: #666; }

.myAttention ul li .worksDetail_top_left .worksDetail_top_left_msg span i { color: #262626; display: inline-block; margin: 0 5px; }

.myAttention ul li .worksDetail_top_left .worksDetail_top_left_msg .worksDetail_top_left_btn { margin-top: 15px; }

.myAttention ul li .worksDetail_top_left .worksDetail_top_left_msg .worksDetail_top_left_btn a { display: inline-block; background-color: #fff; border: solid 1px #7f7f7f; padding: 7px 20px; color: #252525; font-size: 14px; margin-right: 10px; }

.myAttention ul li .worksDetail_top_right img { float: left; width: 248px; height: 180px; margin-right: 15px; }

.myAttention ul li .worksDetail_top_right img:last-child { margin-right: 0; }

.myFavorites .dynamic ul li .dynamic_a .dynamic_a_top { margin: 10px 0; }

.myFavorites .dynamic ul li .dynamic_a .dynamic_a_top i { margin-right: 0; margin-left: 5px; }

.myFavorites .dynamic ul li .dynamic_a .myFavorites_text { margin-bottom: 10px; font-size: 14px; color: #666666; }

.myFavorites .dynamic ul li .dynamic_a .myFavorites_text i { display: inline-block; color: #262626; font-weight: bold; }

.addShou { width: 124px; height: 38px; border: solid 1px #252525; line-height: 38px; text-align: center; font-size: 16px; color: #262626; font-weight: bold; }

.addShou a { display: block; }

.addShh { position: relative; }

.addShh::before { position: absolute; content: ''; display: block; bottom: 0; left: 0; width: 100%; height: 1px; background: #d9d9d9; }

.addShouTime { height: 55px !important; line-height: 55px !important; font-size: 14px; color: #808080; }

.accSett { margin-top: -20px; }

.accSett .accSett_header ul { width: 240px; margin: 0 auto; }

.accSett .accSett_header ul .accSett_header_on { background-color: #252525; color: #fff; }

.accSett .accSett_header ul li { float: left; width: 120px; height: 38px; line-height: 38px; text-align: center; background-color: #f2f2f2; border-radius: 19px 0px 0px 19px; cursor: pointer; color: #262626; }

.accSett .accSett_header ul li:last-child { border-radius: 0px 19px 19px 0px; }

.accSett .accSett_box + .accSett_box { display: none; }

.accSett .accSett_box { margin-top: 20px; width: 100%; height: 590px; box-sizing: border-box; background-color: #fafafa; }

.accSett .accSett_box_a { padding: 40px 50px; font-size: 16px; }

.accSett .accSett_box_a ul li { margin-bottom: 35px; line-height: 40px; }

.accSett .accSett_box_a ul li .accSett_box_a_left .accSett_box_msg { width: 70px; color: #999999; margin-right: 30px; }

.accSett .accSett_box_a ul li .accSett_box_a_left .accSett_box_main { width: 430px; }

.accSett .accSett_box_a ul li .accSett_box_a_left .accSett_box_main span { color: #262626; font-weight: bold; }

.accSett .accSett_box_a ul li .accSett_box_a_left .accSett_box_main a { display: inline-block; color: #ff4747; margin: 0 10px; }

.accSett .accSett_box_a ul li .accSett_box_a_left .accSett_box_main i { color: #999999; }

.accSett .accSett_box_a ul li .accSett_box_a_right { width: 100px; height: 40px; line-height: 40px; text-align: center; background-color: #262626; }

.accSett .accSett_box_a ul li .accSett_box_a_right a { display: block; color: #fff; }

.accSett .accSett_box_b { padding: 40px 150px; }

.accSett .accSett_box_b ul li { height: 130px; line-height: 130px; font-size: 16px; color: #262626; }

.accSett .accSett_box_b ul li img { width: 60px; height: 60px; }

.accSett .accSett_box_b ul li i { display: inline-block; margin: 0  80px; width: 50px; }

.accSett .accSett_box_b ul li span { display: inline-block; margin-right: 70px; width: 130px; }

.accSett .accSett_box_b ul li a { display: inline-block; width: 100px; height: 40px; line-height: 40px; text-align: center; background-color: #262626; border: solid 1px #262626; color: #fff; }

.accSett .accSett_box_b ul li .unbound { background-color: #ffffff; border: solid 1px #262626; color: #262626; }