*{ margin: 0; padding: 0; box-sizing: border-box; }.mian_contents_new{ display: inline-block; width: 230px; padding: 0 10px 10px 10px; margin-left: -30px; }.mian_contents_new .help_center{ line-height: 36px; text-align: center; background: #27ae61; color: #fff; display: inline-block; margin-top: 10px; font-size: 14px; width: 100%; border-radius: 3px; font-weight: 600px; }.mian_contents_new i{ font-style: normal; }.mian_contents_new a{ text-decoration: none; }.mian_contents_new .left_nav{ width: 100%; float: left; background-color: #EFEFED; border-bottom: 1px solid #ddd; }.mian_contents_new .left_nav h2{ line-height: 30px; font-size: 14px; color: #666; background-color: #7f7f7f; text-indent: 20px; font-family: Verdana; margin-bottom: 0; }.mian_contents_new .left_nav h2 a{ color: #fff; }.mian_contents_new ul,.mian_contents_new li{ margin: 0; padding: 0; list-style: none; }.mian_contents_new .left_nav dl{ border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 10px 0; margin-bottom:0 } .mian_contents_new .left_nav dt{ padding:0 10px 0 20px; position: relative; }.mian_contents_new .left_nav dt a{ display: block; color:#000; }.mian_contents_new .left_nav dt i{ position: absolute; left: 3px; top: 0px; font-size: 14px; }.mian_contents_new .left_nav dt i.icon-sanjiaoxingjiantouyou{ left:0; }.mian_contents_new .left_nav dd{ padding-top: 5px; }.mian_contents_new .left_nav dd a{ margin-left: 5px; padding: 5px 0px 5px 15px;color: #666; font-size: 12px; display: block;}.mian_contents_new .left_nav li{border-top: 1px #EFEFED solid; border-bottom: 1px #EFEFED solid;}.mian_contents_new .left_nav li:hover{ background-color: #fff; }.mian_contents_new .left_nav li.active{  border: 0; border-left: 5px #fff solid;}.mian_contents_new .left_nav li.active a{ margin-left: 0; background-color: #fff; }.user_home_top dl{ margin: 0; padding: 0; }.user_home_top dd { height: 141px; }.user_home_top{ display: inline-block; width: 100%; }.user_home_top div{ margin-left: 20px; float: left; } .user_home_top .user_data{ width: 250px; margin-left: 0;  border: 1px solid #ddd;}.user_home_top .user_data dt{ display: inline-block; width: 100%;  }.user_home_top .user_data img{ float: left; margin-left: 10px; margin-top: 5px; border: 1px solid #efefed; width: 54px; height: 54px; }.user_home_top .user_data h2{ font-size: 16px; line-height: 30px; margin-top: 5px; text-indent: 10px; }.user_home_top .user_data a{ color: #3175c8; padding-left: 10px; font-size: 12px; }.user_home_top .user_data dd{ display: block; padding-left: 10px; padding-top: 10px; height: 111px; }.user_home_top .user_data li{ font-size: 12px; line-height: 30px; }.user_home_top .user_data li i{ padding-left: 5px; font-size: 12px; color: #3175c8; }.user_home_top .user_data li span{ background-color: #FFA600; margin-left: 5px; padding: 0 2px; color: #fff; border-radius: 2px; }.user_home_top .user_common{ width: calc((100% - 290px ) / 2); background: #fbfbfb; }.user_home_top .user_common dt{ background: none repeat scroll 0 0 #6b8dcc; border-bottom: 1px solid #6b8dcc; color: #FFFFFF; font-size: 14px; font-weight: 700; padding: 5px 0px; }.user_home_top .user_common dt i{ margin: 0 8px; vertical-align: middle; }.user_home_top .user_common dd{ border-color: #DDD; border-style: solid; border-width: 0px 1px 1px 1px; padding: 5px 0; }.user_home_top .user_common dd a{ color: #3175c8; font-size: 12px; border-bottom: 1px solid #FBFBFB; border-top: 1px solid #FBFBFB;display: block;padding: 2px 0 5px 10px; }.user_home_top .user_common dd a:hover{ text-decoration: underline; border-top:1px #f0f0f0 solid;border-bottom:1px #f0f0f0 solid;background:#fff;color:#3175C8; }.user_home_top .user_common dd a i{ font-size: 11px; color: #999; font-style: normal; font-weight: 100; text-decoration: none; font-family: Verdana;}.user_home_top .user_common dd a i.c_fa60{ color: #ffa600; }.user_home_top  .user_myOrders ul{ margin-left: 30px; display: inline-block; margin-bottom: 0; }.user_home_top  .user_myOrders ul:first-child{ margin-left: 0; }@media (max-width: 767px){	.user_home_top dd{ height: auto; }	.user_home_top  .user_myOrders ul{ margin-left: 0; width: 100%; }	.user_home_top .user_data,.user_home_top .user_common{ width: 100%;  margin: 0; }	.user_home_top .user_common{  margin-top: 15px; }}.user_home_recent_list{ color: #3c3c3c; margin-top: 20px; }.user_home_recent_list table{ width: 100%; border-collapse: collapse;}.user_home_recent_list thead{ background-color: #efefef; }.user_home_recent_list thead.data td{ height: 50px; line-height: 50px; }.user_home_recent_list .data td{ border: 1px solid #ccc; vertical-align: top; line-height: 40px; padding: 0 10px; }.user_home_recent_list .data tr{ height: 40px; }.user_home_recent_list .data tr.top{ background-color: #efefef; }.user_home_recent_list .data img{ float: left; }.user_home_recent_list .data p{ margin-left: 10px; line-height: 1.5; padding-top: 5px; }.user_home_recent_list .data p.t{ display: inline-block; width: calc(100% - 115px);  }.user_home_recent_list .data a{ color: #3c3c3c;}.user_home_recent_list .data a:hover{ text-decoration: underline; }.user_home_recent_list .data .a{ color: #FFA600; }.view_All_orders{padding: 20px 0;}.view_All_orders a{ color: #402bf0; }.user_tabs ul{ border-bottom: 1px solid #ccc; height: 36px; }.user_tabs ul li{ height: 36px; position: relative; padding: 0 20px; line-height: 36px; border: 1px solid transparent; display: inline-block; cursor: pointer; }.user_tabs ul li.active{ border-color: #ccc; border-bottom-color: #fff; background-color: #fff; border-radius: 3px 3px 0 0; }.user_tabs_contents{ font-size: 0; }.user_tabs_contents .user_tabs_my_favorites{ display: none; }.user_tabs dl{ border: 1px solid #ccc; margin-top: 20px; width: 270px; display: inline-block; font-size: 12px; margin-right: 20px; }.user_tabs dl dt{ padding: 0 10px; }.user_tabs dl dt img{ width: 250px; height: 250px; }.user_tabs dl dt p{ text-align: center; padding-bottom: 15px; }.user_tabs dl dt p a{ color: #3c3c3c; }.user_tabs dl dt p a:hover{ text-decoration: underline; }.user_tabs dl dd{ height: 50px; border-top: 1px solid #ccc; padding: 0 10px; }.user_tabs dl dd span{ height: 32px; border-radius: 4px; line-height: 32px; margin-top: 9px; padding: 0 5px; }.user_tabs dl dd span.left{ float: left; color: #333; background-color: #ccc;  }.user_tabs dl dd span.right{ float: right; color: #fff; background-color: #2daa64; }.add_email_addresses{ max-width: 900px; }.add_email_addresses h3{ line-height: 1.5; margin-top: 5px;  color: #444; font-size: 16px; line-height: 42px;}.add_email_addresses ul{ margin-top: 50px; font-size: 0; border-bottom: 2px solid #ccc; }.add_email_addresses li{ display: inline-block; width: 50%; padding: 0 10px; margin-bottom: 20px; }.add_email_addresses li input{ padding: 13px 5px; border: 1px solid #787878; font-size: 14px; width:100%; border-radius: 4px; }.add_email_addresses .but{ text-align: center; margin-top: 20px; }.add_email_addresses .but button{ background-color: #27ae61;width: 250px; border: 0; line-height: 30px; padding: 2px 8px; color: #fff; text-align: center; border-radius: 3px; }.add_email_addresses .but button:hover{ background-color: #25a159; }.add_email_addresses .but button .glyphicon{ font-size: l4px; float: left; line-height: 30px; margin-right: 8px; }.right_contents h2{ line-height: 42px; font-size: 16px; color: #444; }.right_contents table{ width: 100%; border-collapse:collapse; font-size: 12px;  }.user_tabs_r ul{ font-size: 0; width: 100%; border-bottom: 2px solid #999;}.user_tabs_r li{ font-size: 12px; display: inline-block; padding: 8px 10px; cursor: pointer; margin-left: 10px; }.user_tabs_r li.active{ color: #fff; background-color: #999; }.user_tabs_r li:hover{ background-color: rgb(238, 238, 238); color: rgb(255, 124, 12); }.order_details h2{ line-height: 42px; color: #333; border-bottom: 1px solid #ccc; font-size: 16px; }.order_details .order_details_step .bg{ width: 595px; margin:10px auto; }.order_details .order_details_step .bg ul{ width: 595px; display: inline-block; background: url(../img/order_details_step.png) no-repeat 30px 0;}.order_details .order_details_step .bg li{ padding-top: 8px; top: 0; position: relative; width: 20%; float: left; text-align: center; }.order_details .order_details_step .bg .step_1{ left: 3px; }.order_details .order_details_step .bg .step_2{ left:1px; }.order_details .order_details_step .bg .step_3{ left:0px; }.order_details .order_details_step .bg .step_4{ left:-3px; }.order_details .order_details_step .bg .step_5{ left:-4px; }.order_details .order_details_step .bg b{ color: transparent; width: 46px; height: 46px; line-height: 46px; text-align: center; display: inline-block; border-radius: 50%; background:#E4E4E4 url(../images/order_details_step.png) no-repeat; }.order_details .order_details_step .bg span{ display: block; margin-top: 10px; font-size: 12px; padding: 0 10px; }.order_details .order_details_step .bg .step_1 b{ background-position: 17px -85px; }.order_details .order_details_step .bg .step_2 b{ background-position: -30px -85px; }.order_details .order_details_step .bg .step_3 b{ background-position: -80px -85px; }.order_details .order_details_step .bg .step_4 b{ background-position: -127px -85px; }.order_details .order_details_step .bg .step_5 b{ background-position: -175px -85px; }.order_details .order_details_step .bg .active b{ background-color: #f90; }.order_details .order_details_step .bg .active span{ color: #f90; }.order_details .order_member_log{ display: table; width: 100%;  border: 1px solid #ccc; margin:20px 0;}.order_details .order_member_log ul{ width: 100%; display: table-row; background-color: #f7f7f7; color: #999; }.order_details .order_member_log li{ display: table-cell; text-align: center; font-size: 12px; line-height: 50px; }.order_details .order_member_log li a{ color: #3175C8;  text-decoration: underline; }.order_details .order_summary{ }.order_details .order_summary_list thead{ background-color: #e3e3e3; }.order_details .order_summary_list tr{ height: 40px; }.order_details .order_summary_list td{ border: 1px solid #ccc; color: #565656; padding: 5px; vertical-align: top; line-height: 30px; }.order_details .order_summary_list td p{ line-height: 1.5; }.order_details .order_summary_list td a{ color: #565656; }.order_details .order_summary_list td a:hover{ text-decoration: underline; }.order_details .order_summary_list td .shaer{ padding:2px 5px; font-size: 11px; background-color:#fe6d4c  ; color: #fff;}.order_details .order_summary_msg { margin-top: 30px; }.order_details .order_summary_msg div{ font-size: 12px; display: table-row;}.order_details .order_summary_msg dl{ display: table-cell; width: 50%; border: 1px solid #ccc; }.order_details .order_summary_msg dd,.order_details .order_summary_msg dt{ padding:0 10px; }.order_details .order_summary_msg dt{ line-height: 36px; color: #999;border-bottom: 1px solid #ccc; background-color: #f6f6f6; font-weight: bold; }.order_details .order_summary_msg dd{ line-height: 1.5; padding-top: 10px; padding-bottom: 20px; }.order_details #order_question{ border: 1px solid #ccc; padding: 20px; display: none; }.order_details #order_question .list{}.order_details #order_question .list p{ line-height: 18px; }.order_details #order_question .list p span{ float: right; font-size: 12px; color: #787878; }.order_details #order_question .list .c{ padding: 10px 0; color: rgb(159, 101, 75); }.order_details #order_question .form{ margin-top: 20px; }.order_details #order_question .form textarea{ width: 100%;    resize: none; height:95px; padding: 10px;  }.order_details #order_question .form .input{ position: relative; margin-top: 10px; }.order_details #order_question .form input{ height: 24px; width: 80px; font-size: 12px; cursor: pointer;}/*.order_details #order_question .form input[type=file]{ opacity: 0; position: absolute; left: 0; top: 0; }.order_details #order_question .form .file{ min-height: 24px; width: 100%; margin:10px 0; }.order_details #order_question .form .file li{ padding: 2px 5px; border: 1px solid #ccc; background-color: #f7f7f7; font-size: 12px; }.order_details #order_question .form .file i{ float: right; color: #666; cursor: pointer; }*/.order_details #order_question .form .tips{ color: rgb(255, 124, 12); font-size: 12px; }.order_details #order_question .form .but{ text-align: center; margin-top: 10px; }.order_details #order_question .form .but button{ border: 0; }.order_details #order_question .form .but span{ outline: 0; padding:5px 10px; background-color:rgb(255, 124, 12); color: #fff; border-radius: 3px; cursor: pointer;  }.order_details #track_shipment{ display: none; }.order_details #write_a_review{ display: none; }.my_points_top{ display: table; width: 100%; border: 1px dashed #ccc; background-color: #f7f7f7; height: 170px; padding: 30px 0; margin: 30px 0; }.my_points_top ul{ display: table-row; }.my_points_top li{ display: table-cell; text-align: center; width: 33.34%; border-left: 1px solid #ccc; color: #444; }.my_points_top li:first-child{ border: 0; }.my_points_top li b{display: block; color: #f60; font-size: 30px; padding: 15px 0;}.my_points_top li i{ font-size: 11px; color: #999; }.my_points_top li i.icon-wenhao{ margin-left: 5px; color: #f90; font-size: 20px; }.my_points_list table{ width: 100%; font-size: 14px; }.my_points_list thead{ background-color: #f7f7f7; }.my_points_list tr{ line-height: 40px; }.my_points_list tr td{ padding: 0 20px; }.my_points_list td i{ color:#1b944e; font-size: 16px; font-weight: bold; }.my_points_list td i.add{ color:#f60; }.my_points_list tbody tr{ border-bottom: 1px dashed #ccc; }.my_points_list .page{ padding: 6px 0 ; height: 37px; background-color: #e2e2e2; text-align: right; margin-top: 30px;}.my_points_list .page_go{ float: right; margin-right: 10px; color: #656D78; font-size: 12px; }.my_points_list .page_go a{ border: 1px #e87b0e solid; background: #ffa409; display: inline-block; line-height: 23px; padding: 0 12px; color: #fff; }.my_points_list .page_go input{ width: 60px; height: 25px; text-align: center; }.my_points_list .page_list{ display: inline-block; margin-right: 20px; }.my_points_list .page_list li{ display: inline-block;    border: 1px #ccc solid;    background: #f2f2f2; min-width: 23px; text-align: center; line-height: 23px; font-weight: bold; color: #f60; margin: 0 2px; font-size: 12px; cursor: pointer;  }.my_coupon .user_tabs_r{ margin-top: 20px; }.my_coupon #Promotion,.my_coupon #Already_Used,.my_coupon #Expired{ display: none; }.my_coupon #Promotion .no_promotion{ border: 1px solid #ccc; text-align: center; padding-bottom: 30px; }.my_coupon #Promotion .no_promotion img{ margin-top: 50px; }.my_coupon #Promotion .no_promotion p{ font-size: 12px; color: #666; line-height: 1.8; }.my_coupon .categories{ border: 1px solid #E3E3DE; overflow: hidden; padding: 0px; color: #666; }.my_coupon .categories dt{ line-height: 36px; padding: 0 10px;border-bottom: 1px #f1f1f1 solid; background: #EFEFED; }.my_coupon .categories dd{ }.my_coupon .categories li{display: inline-block; margin-left: 10px; line-height: 28px; font-size: 12px; color: #666; cursor: pointer; }.my_coupon #Coupon {}.my_coupon #Coupon table{ width: 100%; font-size: 14px; }.my_coupon #Coupon thead{ background-color: #f7f7f7; }.my_coupon #Coupon tr{ line-height: 40px; border: 1px solid #ccc; }.my_coupon #Coupon tr td{ padding: 0 20px; }.my_coupon #Coupon td i{ font-size: 16px; font-weight: bold; }.my_coupon #Coupon td i.icon-X{ font-size: 12px; }.my_coupon #Coupon #Unused td a{ color: #01478d; font-size: 16px; }.bridgat_membership .data{ display: inline-block; width: 100%; margin-top: 30px; padding: 30px; background-color: #f4f4f4; }.bridgat_membership .level { height: 32px;}.bridgat_membership .data li{ float: left; width: 16.66%; height: 20px; background-color: #fff; }.bridgat_membership .data li.level_0{ border-radius: 16px 0 0 16px; }.bridgat_membership .data li.level_5{ border-radius: 0 16px 16px 0; }.bridgat_membership .data li span{ width: 32px; height: 32px; display: block; background-color: #fff; border-radius: 50%; line-height: 32px; text-align: center; font-size: 13px; position: relative; top: -6px; margin: 0 auto; color: #666; }.bridgat_membership .data li.level_5 span{ float: right; }.bridgat_membership .data li.level_0 span{ float: left; }.bridgat_membership .data li.active span{ background-color: #f60; color: #fff; }.bridgat_membership .data tr{ height: 60px; }.bridgat_membership .data .active{ color: #f60; }.bridgat_membership .data td,.bridgat_membership .data th{ text-align: center; border:1px solid #ccc; background-color: #fff; }.manage_addresses_top{ border-bottom: 1px solid #ccc; }.manage_addresses_top h2{ display: inline-block; }.manage_addresses_top a{ float: right; background-color: #f90; color: #fff; border-radius: 4px; padding:2px 10px; margin-top: 9px; }.manage_addresses_list { margin-top: 10px; width: 100%; display: inline-block; }.manage_addresses_list .list{ width: 240px; color: #666; float: left;  margin-right: 10px; }.manage_addresses_list .list dl{ font-size: 12px; border: 1px solid #eee; background-color: #fbfbfb; line-height: 26px; padding-bottom: 10px; }.manage_addresses_list .list dt{ background-color: #eee; padding: 0 10px; font-weight: 700; }.manage_addresses_list .list dd{ padding: 0 10px; }.manage_addresses_list .list .but{ margin-top: 10px; }.manage_addresses_list .list .but span{ line-height: 26px; background-color: #eee; border-radius: 4px; padding: 5px 10px; margin: 0 10px; cursor: pointer; }.manage_addresses .billing_address_book{ margin-top: 15px; }.right_contents_common h2{ border-bottom: 1px solid #ccc; }.right_contents_common table{ color: #666; margin-top: 30px; width: 100%; border: 1px solid #ccc; }.right_contents_common thead{ background-color: #eee; } .right_contents_common tr{ height: 40px; border-bottom: 1px solid #ccc; }.right_contents_common td,.right_contents_common th{ padding:5px 10px; text-align: left; }.right_contents_common td a{ color: #3175c8; }.right_contents_common td a:hover{ text-decoration: underline; }.right_contents_common .no_contents{ text-align: center; background: url(../img/no-data.png) no-repeat center 20px; padding-top: 160px; }.right_contents_common .no_contents p{ margin: 20px 0; } .other_questions .red,.profile .red{ color: red; }.other_questions .top{ border-bottom: 1px solid #ccc; }.other_questions_tab{ margin-top: 30px; }.other_questions_tab table{ border: 1px solid #ccc; color: #565656; }.other_questions_tab thead{ background-color: #efefef; }.other_questions_tab tr{border-bottom: 1px solid #ccc; height: 40px; }.other_questions_tab .no_tab_list{ padding: 50px; text-align: center; }.other_questions_tab th,.other_questions_tab td{ padding: 5px 10px; }.other_questions .t_h2{ margin-top: 20px; }.other_questions .form{ display: table; font-size: 12px; }.other_questions .form ul{ display: table-row; }.other_questions .form li{ display: table-cell; padding: 5px 2px; width: 500px; vertical-align: top; line-height: 28px; position: relative; }.other_questions .form li.form_t{ width: 200px; text-align: right; }.other_questions .form li input{ width: 300px; height: 28px; padding: 0 5px; }.other_questions .form li.yzm input{ width: 100px }.other_questions .form li.yzm img{ height: 28px; margin-left: 10px; border: 1px solid #ccc; vertical-align: top; }.other_questions .form li textarea{ width: 100%; height: 120px; padding: 5px;}.other_questions .form li .tips{ line-height: 1.2; color: #565656; }.other_questions .form .form_radio{ cursor: pointer; padding: 0px 5px; margin:2px 5px 2px 0; display: inline-block; border: 1px solid #ccc; height: 28px; line-height: 28px; }.other_questions .form .form_radio.active{ border-color: #f90; }.other_questions .form .file{ position: relative; width: 100%; display: inline-block; }.other_questions .form .file input{ width: 80px; height: 24px; position: absolute; top: 0; left: 0; opacity: 0; }.other_questions .form .file button{ width: 80px; height: 24px; float: left; }.other_questions .form .order_question_file{ min-height: 20px; display: inline-block; width: 100; }.other_questions .form .order_question_file li{ height: auto; padding: 2px 20px 2px 5px; line-height: 1; border: 1px solid #ccc; background-color: #f7f7f7; position: relative; }.other_questions .form .order_question_file li i{ position: absolute; right: 5px; top: 1px; cursor: pointer; }.other_questions .form .send{ border: 0;margin-top: 10px; }.other_questions .form .send span{ width: 280px; padding:8px 10px; text-align: center; display: inline-block; background-color: #27ae61; color: #f3f3f3; cursor: pointer; box-shadow: 1px 2px 2px #999; }.other_questions .form .select{ height: 28px; border: 1px solid #ccc; width: 300px; line-height: 26px; padding: 0 32px 0 5px; position: relative; z-index: 100; }.other_questions .form .select span{ position: absolute; right: 0; top: 0; width: 26px; text-align: center; height: 26px; background: #f7f7f7; border-left: 1px solid #ccc; }.other_questions .form .select i{ font-size: 11px; }.other_questions .form .select:hover{ border-color: #666; cursor: pointer; }.other_questions .form .select:hover span{ background: #dae5f5; border-color: #666; }.other_questions .form .select_list{ width: 300px; position: absolute; z-index: 9; top: 32px; left: 2px; background: #fff; border: 1px solid #ccc; }.other_questions .form .select_list dl{ font-size: 12px; padding: 5px 0px; margin-top: 1px; }.other_questions .form .select_list dl:first-child{ margin-top: 0; }.other_questions .form .select_list dl:hover,.other_questions .form .select_list dl.active{ background: #dae5f5; cursor: pointer; }.other_questions .form .select_list dt,.other_questions .form .select_list dd{ line-height: 1.5; padding: 0 10px; }.other_questions .form .select_list dd img{ height: 40px; }.profile .form{ display: table; font-size: 12px; }.profile .form ul{ display: table-row; }.profile .form li{ display: table-cell; padding: 5px 2px; vertical-align: top; line-height: 28px; position: relative; }.profile .form li.form_t{ width: 200px; text-align: right; }.profile .form li input[type=text]{ width: 300px; height: 28px; padding: 0 5px; }.profile .form .form_radio{ cursor: pointer; padding: 0px 5px; margin:2px 5px 2px 0; display: inline-block; border: 1px solid #ccc; height: 28px; line-height: 28px; }.profile .form .form_radio.active{ border-color: #f90; }.profile .form .file{ position: relative; width: 100%; display: inline-block; }.profile .form label{ vertical-align: inherit; margin-right: 10px; cursor: pointer; }.profile .form label input{ vertical-align: inherit; margin-top: 8px; margin-right: 5px; }.profile .form select{ vertical-align: inherit; height: 28px; width: 95px; margin-top: 2px; }.profile .form i.tips{ display: inline-block; width: 200px; line-height: 1.2; color: #999; }.profile .points{ margin: 20px 0; padding: 2px 25px; border-radius: 17px; line-height: 30px; border: 1px solid #f80; color: #f60; display: inline-block; font-size: 12px;  }.profile .portrait img{ margin-right: 20px; }.profile .portrait .file{ position: relative; border: 1px solid #ccc; cursor: pointer; font-size: 0; display: block; width: 300px; line-height: 28px; height: 30px; }.profile .portrait .file span{ vertical-align: top; font-size: 12px; display: inline-block; }.profile .portrait .file .t{ width: 77px; text-align: center; border-right: 1px solid #ccc; }.profile .portrait .file .v{ width: 220px; overflow: hidden;  text-overflow: ellipsis; padding: 0 2px;}.profile .portrait .file:hover .t{ background-color: #eee; }.profile .but{ border: 0; margin-top: 10px; background-color: #fff; outline: 0; }.profile .but span{ box-shadow: none; width: 65px; text-align: center; border: 1px solid #f60; padding: 5px 10px; cursor: pointer; background-color: #ffa409; color: #fff;  }.profile .portrait .file input{ width: 300px; height: 28px; position: absolute; top: 0; left: 0; opacity: 0; }.profile .state{ height: 28px; width: 300px; border: 1px solid #ccc; position: relative; }.profile .state > div{ float: left; line-height: 26px; }.profile .state .icon{ width: 45px; text-align: center; cursor: pointer; }.profile .state .icon i{ font-size: 12px; color: #666; }.profile .state .icon img{ width: 20px; height: 13px; margin-top: 2px;     margin-top: 7px; vertical-align: top; }.profile .state .code{ width: 40px; text-align: center; }.profile .state .input{ width: 213px; }.profile .state input{ outline: 0; width: 100%; border: 0; height: 26px; float: left; }.profile ul.state_list{ display: none; overflow: auto; padding:5px 10px; max-height: 200px; z-index: 99; border: 1px solid #ccc; left: -1px; top: 26px; background-color: #fff; position: absolute; width:300px; }.profile .state_list li{ float: left; padding: 3px 5px; line-height: 1.5; cursor: pointer; margin-top: 1px; display: inline-block; width: 100%; }.profile .state_list li:hover{ background-color: #eee; color: #f60; }.profile .state_list li.s{ margin-bottom: 5px; padding-top: 0; padding-bottom: 0; line-height: 28px; cursor: auto; border: 1px solid #ccc; border-radius: 5px; }.profile .state_list li.s:hover{ background-color: #fff; color: #000; }.profile .state_list li.s input{ width: calc(100% - 18px); }.profile .state_list li.s i{ float: left; }.min_user_tabs_r{ line-height: 36px; padding-left: 10px; padding-right: 20px; position: relative; cursor: pointer; border-bottom: 1px solid #ccc; display: none;}.min_user_tabs_r i{ position: absolute; right: 0; width: 20px; line-height: 36px; text-align: center; }@media (max-width: 1000px){	.order_details_step{ display: none; }}@media (max-width: 767px){	.min_user_tabs_r{ display: block; }	.tabs_list_data{   margin-top: 10px; }	.user_tabs_r{ display: none; }	.order_details .order_member_log li{ width: 100%; display: inline-block; line-height: 24px; padding-left: 20px; text-align: left; list-style: none; }	.order_details .order_summary_msg div,.order_details .order_summary_msg dl{ width: 100%; display: block; }	.my_points_top ul{ display: table; width: 100%; }	.my_points_top li{ display: table-row; width: 100%; border: 0; list-style: none; }	.my_points_top li p{ display: table-cell; width: 70%; text-align: left; vertical-align: top; }	.my_points_top li p b{ display: inline-block; padding: 0 25px; }	.my_points_top li p i{ vertical-align: inherit; }	.my_points_top li p:first-child{ text-align: right; width: 30%;  }	.add_email_addresses li{ width: 100%; padding: 0; margin-bottom: 10px; }	.add_email_addresses li input{ padding: 5px; }	.mobile_user_tab_list table{ border: 1px solid #ccc; margin-top: 10px; }	.mobile_user_tab_list table:first-child{ margin-top: 0; }	.mobile_user_tab_list thead tr{ background-color: #ccc; }	.mobile_user_tab_list tr{ height: 24px!important; line-height: 24px!important; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }	.mobile_user_tab_list tr td{ padding: 0!important; }	.mobile_user_tab_list tr td:first-child{ width: 150px; padding-left: 5px; }}