.top_nav { overflow: hidden; height:1.6rem; }
.top_nav li { float: left; text-align: center; }
.top_nav li.short { width:18%; }
.top_nav li.long { width:23%; }
.top_nav li a { font-size: 0.64rem; color:#5f5f5f; display: inline-block; line-height: 1.6rem; position: relative; vertical-align: top;}
.top_nav li.current a { color:#101010; }
.top_nav li.current a:after { content: ''; height:2px; width:20px; position: absolute; bottom: 0; left: 50%; margin-left: -10px; background-color: #c59d62; }

.adv_list, .works_detail .picture_list { position: relative; z-index: 0; overflow: hidden;}
.swipe { position: relative; overflow: hidden; visibility: hidden; }
.swipe-wrap { overflow: hidden; position: relative; }
.swipe-wrap > div { float: left; width: 100%; position: relative; }
.swipe-wrap img { width: 100%;}

.middle_nav { overflow: hidden; margin:0.5rem 0; }
.middle_nav li { float: left; width:25%; text-align: center; }
.middle_nav li img { width:2.2rem; height:2.2rem; border-radius: 1.1rem; background-color: #fda7c2;  vertical-align: top;}
.middle_nav li p { margin-top: 0.4rem; color:#5f5f5f; font-size:0.6rem; }

.middle_adv_picture { margin-bottom: 1rem; }
.middle_adv_picture .top_images { width:100%; max-height:4.8rem; overflow: hidden; }
.middle_adv_picture .top_images img { width:100%; max-height:4.8rem; }
.middle_adv_picture .bottom_images { width:100%; height:8.8rem; overflow: hidden; }
.middle_adv_picture .bottom_images .bl_image { width:48%; margin-left: 1.5%; margin-right: 1%; float:left; }
.middle_adv_picture .bottom_images .br_image { float: left; width:48%; overflow: hidden; }
.middle_adv_picture .bottom_images .br_image img { height:4.3rem; }
.middle_adv_picture .bottom_images .br_image img:first-child { margin-bottom: 0.2rem; }

.common_title { height:2rem; line-height: 2rem; text-align: center; font-size: 0.6rem; }
.common_title span { line-height: 2rem; vertical-align: top; display: inline-block; position: relative; }
.common_title span:before { content: ''; height:1px; background-color: #f2f2f2; width:5rem; position: absolute; top:1rem; left:-5.3rem; }
.common_title span:after { content: ''; height:1px; background-color: #f2f2f2; width:5rem; position: absolute; top:1rem; right:-5.3rem; }

.recommend_type { padding-bottom:0.4rem; }
.recommend_type #wrapper { width: 100%; overflow: hidden; }
.recommend_type #wrapper .type_list { overflow: hidden; font-size: 0; width:100%; }
.recommend_type #wrapper .type_list li { display: inline-block; vertical-align: top; text-align: center; width:30%; /*margin:0 1.66%;*/  }
.recommend_type #wrapper .type_list li .type_img { width:100%; border-radius: 5px; }
.recommend_type #wrapper .type_list li p { font-size: 0.6rem; margin-top: 0.2rem; color:#5f5f5f; }

.recommend_style { padding-bottom:0.4rem; }
.recommend_style .styler_list { overflow: hidden;  }
.recommend_style .styler_list li { width:48%; margin:0 1% 0.4rem; position: relative; height: 6.5rem; overflow: hidden; float: left; }
.recommend_style .styler_list li img { width:100%; }
.recommend_style .styler_list li .styler_des { background-color: rgba(0,0,0,0.2); width:100%; height:2.3rem; position: absolute; bottom: 0; left: 0; text-align: center; color:#fff; }
.recommend_style .styler_list li .styler_des p:first-child { height:1rem; margin-top: 0.45rem; font-size: 0.65rem; }
.recommend_style .styler_list li .styler_des p:last-child { height:0.7rem; font-size: 0.5rem; }
.recommend_style .recommend_adv { width:100%; height:4.8rem; overflow: hidden; }
.recommend_style .recommend_adv img { width:100%; }

.hot_style .styler_list li { padding:15px 12px; padding-top: 0; border-bottom: 1px solid #f5f5f5; margin-top: 15px; }
.hot_style .styler_list li .styler_info { overflow: hidden; margin-bottom: 12px; }
.hot_style .styler_list li .styler_info .member_avatar { width:1.6rem; height:1.6rem; border-radius: 0.8rem; float: left; margin-right: 0.3rem; }
.hot_style .styler_list li .styler_info .styler_brief { width:12rem; float: left; height:1.6rem; }
.hot_style .styler_list li .styler_info .styler_brief p { font-size: 0.6rem; }
.hot_style .styler_list li .styler_info .styler_brief .tag { color:#757575; font-size: 0.55rem; }
.hot_style .styler_list li .works_piture { margin-bottom: 0.4rem;  }
.hot_style .styler_list li .works_piture .works { overflow: hidden; margin-bottom: 12px; }
.hot_style .styler_list li .works_piture .works img { width:49%; float: left; height: 190px; object-fit: cover; }
.hot_style .styler_list li .works_piture .works.just-two img:first-child { margin-right: 2%; }
.hot_style .styler_list li .works_piture .works.just-one img { width: 100%; height: 285px; }
.hot_style .styler_list li .works_piture .goods_info { overflow: hidden; }
.hot_style .styler_list li .works_piture .goods_info .goods { width:3rem; margin-right: 0.35rem; text-align: left; float: left; }
.hot_style .styler_list li .works_piture .goods_info .goods a{ display: block; width:100%; height:3rem; overflow: hidden; }
.hot_style .styler_list li .works_piture .goods_info .goods img { width:100%; }
.hot_style .styler_list li .works_piture .goods_info .goods p { font-size: 0.6rem; color: #d52a35; margin-top: 10px; }
.hot_style .styler_list li .works_des p { color:#2c2b2b; font-size: .6rem; line-height: 22px; max-height:66px; width:100%; overflow: hidden; margin: 10px 0;  }
.hot_style .styler_list li .works_des .works_title { font-weight: bold; }
.hot_style .styler_list li .bottom_btn { overflow: hidden; margin-top: 0.5rem; font-size: 0.65rem; color:#777; }
.hot_style .styler_list li .bottom_btn i { margin-right: 0.2rem; }
.hot_style .styler_list li .bottom_btn div { float: left; text-align: left; width: 28%; }
.hot_style .styler_list li .bottom_btn div img { width: 17px; vertical-align: middle; margin-right: 5px; }
.hot_style .styler_list li .bottom_btn .collect i { color:#dd2741; }
.hot_style .styler_list li .bottom_btn .share { float: right; width: 16%; text-align: right; }
.hot_style .styler_list li .works_tag_list { overflow: hidden; margin-bottom: 12px; font-size: 0; }
.hot_style .styler_list li .works_tag_list span { float: left; display: inline-block; color: #999696; font-size: 12px; padding: 5px 20px; background-color: #f7f6f6; margin-right: 12px; }

/*.works_square .works_square_search { margin: 15px 12px; font-size: 0.6rem; height:32px; line-height: 32px; background-color: #f2f2f2; text-align: center; color:#888; border:0; width: calc(100% - 24px); }*/
.works_square .tag_list span { padding: 0px; margin: 0 12px; color:#524f4f; font-size: 0.6rem; height:30px; line-height: 30px; vertical-align: top; display: inline-block; }
.works_square .tag_list { font-size: 0; height:32px; overflow: hidden; position: relative; }
.works_square .tag_list span.current { color: #cfa972; border-bottom: 2px solid #cfa972; }
.works_square .tag_list .choose_all { position: absolute; right: 0; top:2px; padding: 0px; color:#524f4f; font-size: 0.68rem;vertical-align: top; display: inline-block; width: 38px; height: 25px; text-align: center; line-height: 25px; box-shadow: -1px 0px 1px 1px #e2e2e2; background-color: #fff; }
.works_square .tag_list_container { width: 100%; overflow: hidden; }
.works_square .tag_full_page_mask { width: 100%; height: 100%; position: fixed; top:0px; left: 0px; background-color: rgba(0,0,0,0.3); z-index: 11; display: none; }
.works_square .tag_full_page { width: 85%; height: 100%;overflow-y: auto; background-color: #fff; position: absolute; top:0; right: 0; font-size: 0; }
.works_square .tag_full_page .tag_submit { width: 85%; text-align: center; height: 45px; border-top: 1px solid #f2f2f2; position: fixed; /*bottom: 2.2rem;*/bottom: 0rem; right: 0; background-color: #fff; }
.works_square .tag_full_page #tag_submit { width:100%; height:45px; display: inline-block; margin-top: 0px; text-align: center; line-height: 45px; background-color: #c6a260; color: #fff; font-size: 15px; }
.works_square .tag_full_page span { font-size: 14px; color:#898989; background-color: #f8f8f8; display: inline-block; height:25px; line-height: 25px; margin-bottom: 10px; padding:0 15px; margin-right: 15px; /*border-radius: 10px;*/ white-space: nowrap;}
.works_square .tag_full_page span.current { background-color: #f2ede7; color:#bd9967; }
.works_square .tag_full_page .tag_class_list { padding:15px 10px 5px 10px; }
.works_square .tag_full_page .all_tag { border-bottom: 1px solid #f2f2f2; }
.works_square .tag_full_page h4 { color:#333; margin-bottom: 10px; font-size: 15px; }
.works_square .tag_full_page_mask.left { animation: moveLeft 0.3s; -webkit-animation: moveLeft 0.3s; display: block; }
@keyframes moveLeft
{
from {left: 100%;}
to {left: 0;}
}
@-webkit-keyframes moveLeft
{
from {left: 100%;}
to {left: 0;}
}

/*.works_square { height:100%; overflow-y: auto; position: fixed; top:0; }*/
.works_square .works_collected, .works_detail .works_collected { background-color: #fff; /*border-radius: 3px;*/ overflow: hidden;}
.works_square .collect_list, .works_detail .collect_list{ width:48%;  margin:12px 0%; float: left; }
.works_square .collect_list, .works_detail .collect_list_left { margin-right: 4% }
.works_square .collect_list_right, .works_detail .collect_list_right { margin-right: 0; }
.works_square .collect_list .works_collected, .works_detail .collect_list .works_collected { width:100%; margin-bottom: 12px; }
.works_square .picture_container, .works_detail .picture_container { position: fixed; width: 100%; height: 100%; left:100%; }
.works_square .picture_container .works_collected, .works_detail .picture_container .works_collected { width:44%;  margin:0.4rem 3%; float: left; }
.works_square .works_collected .works_img, .works_detail .works_collected .works_img { width:100%; max-height: 300px; object-fit: cover; }
.works_square .works_collected .name, .works_detail .works_collected .name { color:#111; font-size: 0.6rem;line-height: 1.2rem; height: 1.2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding:0 0.1rem; }
.works_square .works_collected .bottom, .works_detail .works_collected .bottom { line-height: 1.5rem; overflow: hidden; padding:0 0.1rem; }
.works_square .works_collected .bottom .member_info, .works_detail .works_collected .bottom .member_info { float: left; color: #111; font-size: 0.6rem; }
.works_square .works_collected .bottom .member_info img, .works_detail .works_collected .bottom .member_info img { width:1rem; height:1rem; border-radius: 0.5rem; margin-right: 0.2rem; /*position: relative; top:0.2rem;*/ vertical-align: middle;}
.works_square .works_collected .bottom .faverite, .works_detail .works_collected .bottom .faverite { float: right; font-size: 0.55rem; color:#ff2741; }
.works_square .works_collected .bottom .faverite em, .works_detail .works_collected .bottom .faverite em { color:#c59d62; margin-left: 0.2rem; }
.works_square .works_collected .bottom .faverite img, .works_detail .works_collected .bottom .faverite img { width: 15px; vertical-align: middle; }

.works_detail .picture_list .tag_info {  }
.tag_content { position: absolute; display: inline-block; line-height: 20px; font-size: 0; overflow: hidden;}
.tag_content em { display: inline-block; line-height: 20px; border:1px solid #fff; color:#fff; border-radius: 11px; padding:0 5px; background-color: rgba(0,0,0,0.3); font-size: 0.50rem; font-weight: lighter; max-width:127px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dot { display: inline-block; width:6px; height:6px; border-radius: 6px; background-color: #fff; border:3px solid #999; position: relative; top:5px; vertical-align: top; margin-left: 5px; }
.dot:before { content: ''; width:8px; height:2px; background-color: #fff; position: absolute; top:2px; left:-8px; }
.tag_content.dot-right em { float: right; }
.tag_content.dot-right .dot { float: left; margin-left: 0px; margin-right: 5px; }
.tag_content.dot-right .dot:before { left:6px; }
.works_detail .work_info .styler_info { margin:9px 12px; position: relative; height:45px; /*padding-bottom: 12px;*/ /*border-bottom: 1px solid #f7f6f6;*/}
.works_detail .work_info .styler_info .avatar { height:45px; width:45px; border-radius: 23px; position: absolute; top:0; left:0px; }
.works_detail .work_info .styler_info .styler_desc { padding-left: 55px; height: 45px; overflow: hidden; }
.works_detail .work_info .styler_desc p { height:22px; line-height: 20px; font-size: 15px; color:#111; }
.works_detail .work_info .styler_desc p.name { font-size: 15px; font-weight: bold; }
.works_detail .work_info .styler_desc p.position { color:#c19a61; border:1px solid #c19a61; display: inline-block; padding:0px 8px; border-radius: 10px; position: relative; top: -8px; font-size: 12px; height: 18px; line-height: 18px; background-color: #faf5f6; }
.works_detail .work_info .interest { position: absolute; display: block; width:70px; height:25px; line-height: 25px; text-align: center; border:1px solid #c59d62; color:#fff; font-size: 0.6rem; top:10px; right:0px; /*border-radius: 13px;*/ background-color: #c59d62 }
.works_detail .work_info .interested { color:#c59d62; border-color: #c59d62; background-color: #fff; }
.works_detail .work_info .work_desc { line-height: 25px; font-size: 15px; color:#2c2b2b; padding:0 12px; margin-top: 5px; margin-bottom: 10px; }
.works_detail .work_info .relation_tags { padding:0px 12px 0px; overflow: hidden; }
.works_detail .work_info .relation_tags span { padding:4px 10px; color:#999696; font-size: 12px; margin-right: 12px; white-space: nowrap; background-color: #f7f6f6; /*border: 1px solid #999696;*/ float: left; margin-bottom: 9px; }
.works_detail h4 { height:30px; line-height: 30px; padding:17px 28px 14px; font-size: 15px; color:#2c2b2b; position: relative; }
.works_detail h4:before { content: ''; height:16px; width:3px; background-color: #c59d62; position: absolute; left: 12px; top:25px; }
.works_detail .coordination_goods .coo_goods_list{ overflow: hidden; padding: 0 12px; }
.works_detail .coordination_goods .coo_goods_list li { float: left; width:32%; margin-right: 2%; text-align: left; font-size: 12px; margin-bottom: 12px; }
.works_detail .coordination_goods .coo_goods_list li:nth-child(3n) { margin-right: 0; }
.works_detail .coordination_goods .coo_goods_list li .pic { width:100%; margin:0 auto; }
.works_detail .coordination_goods .coo_goods_list li a {  }
.works_detail .coordination_goods .coo_goods_list li a img{ width: 100%; height: 163px; object-fit: cover; }
.works_detail .coordination_goods .coo_goods_list li .name { height:20px; line-height: 20px; overflow: hidden; margin: 10px 0 }
.works_detail .coordination_goods .coo_goods_list li .price { color:#ff2741; font-size: 13px; }
.works_detail .coordination_goods .go_coordination { height:35px; margin: 20px 12px; border:1px solid #c19a61; text-align: center; font-size: 0.6rem; color:#c19a61; line-height: 35px; }
.works_detail .coordination_goods .go_coordination .pro_price { color:#c19a61; }
.works_detail .coordination_goods .go_coordination .price { font-size: 0.5rem; color:#a9a9a9; }
.works_detail .coordination_goods .go_coordination em { margin:0 5px; padding:0 6px; background-color: #ff2741; color:#fff; font-size: 0.46rem; border-radius: 0.35rem; }
.works_detail .coordination_goods .go_coordination img { width:15px; height: 15px; margin-top: 10px; }
.works_detail .work_evaluation .all_evaluation { float: right; margin-right: 10px; }
.works_detail .work_evaluation .all_evaluation img { width:14px; height:14px; margin-top: 8px; }
.works_detail .evaluation_list .eva_detail { position: relative; margin:10px 0; padding:0 15px; font-size: 0.50rem;}
.works_detail .evaluation_list .eva_avatar { position: absolute; height:34px; width:34px; border-radius: 17px; left: 12px;  }
.works_detail .evaluation_list .eva_self p { margin-left: 41px;  background-color: #f5f8fa; font-size: 0.56rem; height:34px; line-height: 34px; overflow: hidden; }
.works_detail .evaluation_list .eva_other .eva_right{ margin-left: 41px; }
.works_detail .evaluation_list .eva_other p { line-height: 20px; }
.works_detail .evaluation_list .eva_other .name { color:#b0b0b0; }
.works_detail .evaluation_list .eva_other .eva_time { color:#b0b0b0; }
.works_detail .evaluation_list .eva_other .replay { background-color: #f5f8fa; padding: 8px 5px; color: #b0b0b0; }
.works_detail .evaluation_list .eva_other .replay img { height:26px; width: 26px; border-radius: 13px; }
.works_detail .evaluation_list .eva_other .replay .re_words { color:#111; }
.works_detail .evaluation_list .evaluation_input { width:90%; height:25px; line-height: 25px; color: #878787; text-align: center; background-color: #e2e2e2; margin:10px auto; border-radius: 13px; font-size: 13px; }
.works_detail .evaluation_list .evaluation_input_container { position: fixed; bottom: 0; z-index: 10; height:50px; width: 100%; background-color: #fff; line-height: 50px; display: none; border-top: 1px solid #f2f2f2; }
.works_detail .evaluation_list .evaluation_content { border:0; background-color: #f2f2f2; height: 30px; vertical-align: top; width:80%; margin-left: 5px; margin-top: 10px; }
.works_detail .evaluation_list .evaluation_send { width:60px; height:30px; font-size: 15px; font-weight: bold; color: #fff; display: inline-block; text-align: center; line-height: 30px; float: right; background-color: #4caf50; margin-top: 10px; border-radius: 3px; }
.works_detail #wrapper { width: 100%; overflow: hidden; padding-bottom: 12px; }
.works_detail #wrapper .goods_list { overflow: hidden; font-size: 0; width:100%; }
.works_detail #wrapper .goods_list li { display: inline-block; vertical-align: top; text-align: left; width:30%; /*margin:0 1.66%;*/ font-size: 0.5rem; color:#666; }
.works_detail #wrapper .goods_list li img { width:100%; border-radius: 5px; }
.works_detail #wrapper .goods_list li p.name { height:20px; line-height: 20px; overflow: hidden; margin: 10px 0 }
.works_detail #wrapper .goods_list li p.price { color:#ff2741; }
.works_detail .recommend_works { overflow: hidden; }
.works_detail .work_bottom { position: fixed; bottom: 0px; width:100%; height:45px; background-color: #fff; box-shadow: 0 -1px 1px 1px #e2e2e2; }
.works_detail .work_bottom p { width:22%; font-size: 0.5rem; float: left; text-align: center; line-height: 18px; margin-top:4px; color:#a9a9a9; position: relative;}
.works_detail .work_bottom p img { width: 15px; vertical-align: middle; }
.works_detail .work_bottom p i.current { color: #ff2741; }
.works_detail .work_bottom a { width:34%; display: block; float: left; color:#fff; background-color: #c59d62; line-height: 45px; text-align: center; font-size: 0.6rem; }
.works_detail .work_bottom p:after { content: ''; height:30px; width:1px; background-color: #d0d0d0; position: absolute; right:0; top:3px; }
.works_detail .work_bottom p:nth-child(3):after { width:0; }

.coordination_buy { background-color: #fff; }
.coordination_buy .coordination_goods { border-bottom: 5px solid #f5f5f5; padding:20px 0px; position: relative; }
.coordination_buy .coordination_goods .check_btn i { font-size: 20px; color:#a9a9a9; position: absolute; top:40px; left:8px; }
.coordination_buy .coordination_goods .check_btn i.current { color: #ff2741; }
.coordination_buy .coordination_goods .check_btn .choose_goods { display: none; }
.coordination_buy .coordination_goods .goods_info { padding-left: 36px; }
.coordination_buy .goods_info .goods_desc { height:60px; margin-bottom: 25px; position: relative; }
.coordination_buy .goods_info .goods_desc .goods_img { display: table-cell; width: 60px; height: 60px; position: absolute; left: 0; top: 0; text-align: center; vertical-align: middle; }
.coordination_buy .goods_info .goods_desc .goods_img img { max-width: 60px; max-height: 60px; }
.coordination_buy .goods_info .goods_desc .goods_words { font-size: 0.5rem; color:#787878; padding-left: 75px; }
.coordination_buy .goods_info .goods_desc .goods_words .name { height:40px; line-height: 20px; }
.coordination_buy .goods_info .goods_desc .goods_number { height: 25px; position: absolute; bottom: 0; right:8px; font-size: 0; }
.coordination_buy .goods_info .goods_desc .goods_number span { vertical-align: top; width:22px; height: 22px; display: inline-block; border:1px solid #e7e7e7; font-size: 16px; text-align: center; color:#787878; }
.coordination_buy .goods_info .goods_desc .goods_number input { width:22px; border:0; text-align: center; }
.coordination_buy .goods_info .goods_spec_list h4 { font-size: 0.55rem; color:#787878;margin-bottom: 8px; }
.coordination_buy .goods_info .goods_spec_list span { padding:3px 15px; color:#333; font-size: 0.55rem; border-radius: 0.5rem; margin-bottom: 8px; margin-right: 10px; border:1px solid #e7e7e7; vertical-align: top; }
.coordination_buy .goods_info .goods_spec_list span.current { color:#ff2741; border-color: #ff2741 }
.coordination_buy .coordination_buy_bottom { position: fixed; bottom: 0px; height:75px; background-color: #fff; width: 100%; }
.coordination_buy .coordination_buy_bottom .price { text-align: right; font-size: 0.5rem; color:#d5d5d5; line-height: 25px; }
.coordination_buy .coordination_buy_bottom .price em { color: #ff679a; margin-right: 20px; }
.coordination_buy .coordination_buy_bottom .rules { float: left; margin-left: 5px; font-size: 0.45rem; color:#d5d5d5; position: absolute; bottom: 5px;}
.coordination_buy .coordination_buy_bottom #buy_now { float: right; width:143px; height:50px; display: block; text-align: center; line-height: 50px; background-color: #c19a61; color: #fff; font-size: 0.64rem; }

.works_evaluation .evaluate { position: fixed; bottom: 0; width: 96%; overflow: hidden; border-top: 1px solid #d8d8d8; height:40px; background-color: #f5f8fa; padding:3px 2%; }
.works_evaluation .evaluate .evaluate_content { padding:0; border:0; height:40px; width:100%; }
.works_evaluation .evaluate .evaluate_send { background-color: #ff2741; color: #fff; height:40px; line-height: 40px; width: 50px; display: block; text-align: center; position: absolute; top:3px; right: 2%; font-size: 0.55rem; }

.styler_recommend .shape_list { margin-bottom: 0.8rem; overflow: hidden; }
.styler_recommend .shape_list li { width:33.3%; text-align: center; float: left; margin-bottom: 30px; }
.styler_recommend .shape_list li .type_picture { width:60px; display: block; position: relative; margin: 0 auto; height:60px;}
.styler_recommend .shape_list li .type_picture img { width: 60px; height:60px; border-radius: 30px; }
.styler_recommend .shape_list li p { height:20px; line-height: 20px; color:#111; font-size: 0.55rem; text-align: center; }
.styler_recommend .shape_list li p.desc { font-size: 0.45rem; width:86%; margin: 0 auto; color: #787878; }
.styler_recommend .shape_list li .operation { width:76px; height:26px; display: block; margin:3px auto; border:1px solid #ff2741; border-radius: 13px; line-height: 26px; text-align: center; color: #ff2741; font-size: 0.58rem; }
.styler_recommend .shape_list li .interested { color:#888; border-color: #e2e2e2; }
.styler_recommend .shape_list li .cancel_interest { color:#fff; background-color: #d7d7d7; border-color: #d7d7d7; }
/*.styler_recommend h4 { height: 42px; line-height: 42px; font-size: 0.65rem; color:#333; padding: 0 15px; }
.styler_recommend h4 span { float: right; font-size: 0.5rem; color:#787878; }
.styler_recommend h4 span img { width:0.5rem; height:0.5rem; vertical-align: middle; }*/
.styler_recommend .headerc { margin: 0.4rem auto; font-size: 0.6rem; height:1.2rem; width:80%; line-height: 1.2rem; border-radius: 0.6rem;background-color: #f2f2f2; text-align: center; color:#aaa;}
.styler_recommend .top_nav { overflow: hidden; }
.styler_recommend .top_nav li { width:50%; float: left; text-align: center; }
.styler_recommend .top_nav li a{ font-size: 0.64rem; vertical-align: top; }
.styler_recommend .top_nav li.current a{ color:#c59d62; border-bottom: 1px solid #c59d62; }