/* Powered by ueeshop.com http://www.ueeshop.com 广州联雅网络科技有限公司 020-83226791 */ /*************************** 买家秀(start) ***************************/ /*宽屏样式(start)*/ .w_1200 .app .wide{width:1200px; min-width:1200px; margin:auto; padding:0;} /*style 2*/ .w_1200 .app_gallery .ind_gly_list .item_box{width:400px; float:left;} .w_1200 .app_gallery .ind_gly_list .item_box .item{width:197px;} .w_1200 .app_gallery .ind_gly_list .item_box .item .img{height:197px;} .w_1200 .app_gallery .ind_gly_list .item_box.fir{width:398px;} .w_1200 .app_gallery .ind_gly_list .item_box_big .item{width:397px;} .w_1200 .app_gallery .ind_gly_list .item_box_big .item .img{height:397px;} /*宽屏样式(end)*/ .app .wide{width:980px; margin:auto; padding:0;} .app_gallery{ background:#fafafa;} .app_gallery .title{height:42px; line-height:42px; padding-bottom:0px; font-size:30px; text-transform:uppercase; text-align:center; background:none;} .app_gallery .s_title{height:20px; line-height:20px; font-size:12px; text-align:center; padding-bottom:20px;} .app_gallery .gly_list{position: relative; visibility:visible;} .app_gallery .gly_list .item{ width:230px; position:relative; float: left; margin-right:10px; margin-bottom:10px;} .app_gallery .gly_list .item.abs{position: absolute;} .app_gallery .gly_list .item.fir{margin-left:0;} .app_gallery .gly_list .item .img{position:relative; display:block; text-align:center; overflow:hidden;} .app_gallery .gly_list .item .pro{height:50px; padding:10px 10px 10px 70px; background:#f5f5f5;} .app_gallery .gly_list .item .pro_img{float:left; width:50px; height:50px; vertical-align:middle; text-align:center; margin-left:-60px; font-size:0;} .app_gallery .gly_list .item .pro_name{display:block; margin-top:2px; line-height:16px; max-height:48px; overflow:hidden; color:#333;} .app_gallery .gly_list_0{display:none;} .app_gallery .gly_list_0.show{display:block;} /*style 1*/ .app_gallery .ind_gly_list .item{width:calc((100% - 3px * 6) / 6); position:static; float:left; text-align:center; vertical-align:middle; cursor:pointer; overflow:hidden; margin:3px 0 0 3px;} .app_gallery .ind_gly_list .item.fir{margin-left:1px;} .app_gallery .ind_gly_list .item .img{height:197px; position:relative; display:block; font-size:0; text-align:center;} /*style 2*/ .app_gallery .ind_gly_list .item_box{width:326px; float:left;} .app_gallery .ind_gly_list .item_box .item{width:160px;} .app_gallery .ind_gly_list .item_box .item .img{height:160px;} .app_gallery .ind_gly_list .item_box.fir{width:324px;} .app_gallery .ind_gly_list .item_box_big .item{width:323px;} .app_gallery .ind_gly_list .item_box_big .item .img{height:323px;} .app_gallery .item .view{position:absolute; top:15px; bottom:0; left:0; right:0; margin:auto; padding-top:48px; height:22px; line-height:22px; font-size:14px; color:#fff; background:url(../images/plugins/app_gallery/icon_view.png) no-repeat center 9px; z-index:-1;} .app_gallery .item .bg{position:absolute; width:100%; height:100%; left:0; background:rgba(0,0,0,0.1); z-index:-1;} .app_gallery .item:hover .view{z-index:1; top:0;} .app_gallery .item:hover .bg{top:0; z-index:0; background:rgba(0,0,0,0.7);} @media (max-width: 1200px) { .app_gallery .ind_gly_list .item .img{height:160px;} .app_gallery .ind_gly_list .item_box{display:none;} .app_gallery .gly_list_0{display:block;} } @media (max-width: 1023px) { .app .wide{width:100%; min-width:inherit;} .app_gallery .ind_gly_list .item{width:calc((100% - 3px * 4) / 4);} .app_gallery .ind_gly_list .item .img{height:calc((100vw - 3px * 4) / 4);} .app_gallery .gly_list_0 .item.fir{margin-left:3px;} .app_gallery .gly_list_0 .item:nth-child(4n+1){margin-left:1px;} } @media (max-width: 600px) { .app_gallery .ind_gly_list .item{width:calc((100% - 3px * 3) / 3);} .app_gallery .ind_gly_list .item .img{height:calc((100vw - 3px * 3) / 3);} .app_gallery .gly_list_0 .item:nth-child(n){margin-left:3px;} .app_gallery .gly_list_0 .item:nth-child(3n+1){margin-left:1px;} } @media (max-width: 400px) { .app_gallery .ind_gly_list .item{width:calc((100% - 3px * 2) / 2);} .app_gallery .ind_gly_list .item .img{height:calc((100vw - 3px * 2) / 2);} .app_gallery .gly_list_0 .item:nth-child(odd){margin-left:1px;} .app_gallery .gly_list_0 .item:nth-child(even){margin-left:3px;} } @media (max-width: 320px) { .app_gallery .ind_gly_list .item{width:157px;} .app_gallery .ind_gly_list .item .img{height:157px;} } #app_gallery_content{overflow: hidden; min-height:300px; position:relative; margin:0 auto;} #next_page{width: 100%; height: 300px; position: absolute; bottom: 0;} #alert_choose{opacity:1;} .alert_choose_gallery .choose_content{width:500px; padding:75px;} .alert_choose_gallery.has_pro .choose_content{padding: 24px;} .alert_choose_gallery.has_pro .choose_content{width:700px;} .alert_choose_gallery .gallery_img{width:500px; height:500px; text-align:center;} .alert_choose_gallery.has_pro .gallery_img{float:left; width:400px; height:400px; text-align:center;} .alert_choose_gallery .product{float:right; padding-top:0; width:260px;height: 400px;display: flex;flex-wrap: wrap;align-content: space-between;justify-content: center;} .alert_choose_gallery .product .name{margin-top:40px; margin-bottom:10px; font-size:16px; line-height:20px; max-height:140px;overflow: hidden;} .alert_choose_gallery .product .img{height:150px; overflow:hidden; font-size:0;} .alert_choose_gallery .product .view{display:inline-block;width: 100%; padding:0 25px; margin-top:25px; height:36px; line-height:36px;background-color: #222; color:#fff; border-radius:2px; font-size:14px; text-decoration:none;text-align: center;} .alert_choose.alert_choose_gallery #choose_close{background: none;width: 16px;height: 16px;} .alert_choose.alert_choose_gallery #choose_close::after{position: absolute;content:"\e631";font-family: "iconfont"!important;font-size: 16px;color:#a1a1a1;top:0;right:0;text-indent: 0;} @media screen and (max-width: 768px) { .alert_choose_gallery{top: auto !important; left: 0 !important; right: 0; bottom: 0; width: 100%;} .alert_choose_gallery .choose_content{ max-width: 100%; box-sizing: border-box;padding:42px 15px 30px} .alert_choose_gallery .gallery_img{width: 100%;height: 100%;} } .alert_choose_mobile_gallery .gallery_img{text-align:center;} .alert_choose_mobile_gallery .product{margin-top:1.5rem;} .alert_choose_mobile_gallery .product .img{width:4.0625rem; height:4.0625rem; overflow:hidden; float:left;} .alert_choose_mobile_gallery .product .info{margin-left:5rem;} .alert_choose_mobile_gallery .product .name{height:2rem; line-height:1rem; overflow:hidden; font-size:.75rem; } .alert_choose_mobile_gallery .product .view{display:inline-block; height:1.625rem; line-height:1.625rem; padding:0 25px; margin-top:.625rem; text-decoration:none; font-size:.75rem; color:#fff;} @media screen and (max-width: 750px) { .alert_choose_gallery.has_pro .choose_content{width: 100%; padding:42px 15px 30px;max-height: 80%} .alert_choose_gallery.has_pro .gallery_img{float: none; width: 100%; height: 400px;} .alert_choose_gallery .product{float: none; width: 100%;height: auto;margin-top: 30px; justify-content: space-between;align-items: center;} .alert_choose_gallery .product .img{order:1;width: 45%;height: auto;} .alert_choose_gallery .product .name{order:2;width: 50%;margin-top: 0;margin-bottom: 0;} .alert_choose_gallery .product .view{order:3} } /*************************** 买家秀(end) ***************************/ /*************************** 分销(start) ***************************/ #lib_user_distribution .mobile_menu{ display: none; } #lib_user_distribution .padding_box{ padding: 30px; } #lib_user_distribution #user_heading{ padding: 0 30px; } #lib_user_distribution #user_heading h2{ border-bottom: 0; } #lib_user_distribution #user_heading h2.left{ padding-top: 10px; height: 80px; line-height: 80px; text-align: left; font-size: 20px } #lib_user_distribution .dis_menu_list{ padding-top: 0; } #lib_user_distribution .dis_menu_list .item{ margin-left:2%; width:49%; height:152px; overflow:hidden; padding: 30px;background-color: #f9f9f9; position:relative; float:left;box-sizing: border-box;} #lib_user_distribution .dis_menu_list .item.low{ height: 116px; } #lib_user_distribution .dis_menu_list .item.low .item_price{ margin-top: 15px; } #lib_user_distribution .dis_menu_list .item .item_price{height:22px; line-height:22px; overflow:hidden; margin:20px 0 0; font-size:26px; font-weight:bold; color:#ff696a;font-family: "OpenSans-Bold";} #lib_user_distribution .dis_menu_list .item .item_price>b{display: inline-block;font-size:26px; font-weight: 600;} #lib_user_distribution .dis_menu_list .item .item_title{text-transform:capitalize; font-size:14px; color:#333333;} #lib_user_distribution .dis_menu_list .item .item_more { height: 28px; margin-top: 10px; font-size: 0; line-height: 28px; } #lib_user_distribution .dis_menu_list .item .item_more>a { margin-right: 10px; text-decoration: underline; font-size: 14px; color:#666; } #lib_user_distribution .dis_menu_list .item.link:hover{border-color:#ccc;} #lib_user_distribution .dis_menu_list .item.link .item_more>a:hover{ color: #f16056; } #lib_user_distribution .dis_menu_list .item.longer{width: 428px; margin-left:24px;} #lib_user_distribution .dis_menu_list .item:first-child{margin-left:0;} #lib_user_distribution .grey_blank{ width:100%; height: 20px; background: #f5f5f5; } #lib_user_distribution .share_box{ padding: 0 30px 40px; } #lib_user_distribution .share_box .share_title{height:88px; line-height:88px;border-bottom: 1px solid #e3e3e3; font-size:24px; font-family: "OpenSans-Bold"; color: #333;font-weight: bold;} #lib_user_distribution .share_box .share_content{ padding-left: 13px;height:14px; line-height:14px; margin:30px 0 24px; font-size:14px; position: relative; color: #333;} #lib_user_distribution .share_box .share_content:after{ content: ''; width: 6px; height: 6px; border-radius: 5px; background: #f16056; position:absolute; top: 50%; left: 0; transform: translateY(-50%); } #lib_user_distribution .share_box .share_copy{margin-top:10px;} #lib_user_distribution .share_box .share_copy .share_input{width:480px; height:49px; line-height:49px; padding:0 14px; border:1px #d9d9d9 solid; border-radius: 5px; background-color: #f5f5f5; color:#333333; font-size: 14px; font-family: "OpenSans-Bold";box-sizing: border-box;} #lib_user_distribution .share_box .share_copy .btn_copy{width:110px; height:46px; line-height:46px; margin-left:10px; padding:0; color:#fff; border:0; border-radius: 5px;background-color: #f16056; font-size: 14px;font-family: "OpenSans-Bold";} #lib_user_distribution .share_box .share_third{margin-top:13px;font-size: 0;} #lib_user_distribution .share_box .share_third>a{ display: inline-block; margin-right: 20px; margin-bottom: 15px; width:170px; height:49px; line-height:49px; background-color: #f7f7f7; background-repeat: no-repeat; background-position: center left 44px; font-size: 13px; text-indent: 73px;transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;} #lib_user_distribution .share_box .share_third>a:last-child{margin-right:0;} #lib_user_distribution .share_box .share_third>a.share_facebook{ background-image:url(../images/plugins/app_distribution/icon_share_facebook.png); text-indent: 61px; } #lib_user_distribution .share_box .share_third>a.share_google{ background-image:url(../images/plugins/app_distribution/icon_share_google.png); } #lib_user_distribution .share_box .share_third>a.share_twitter{ background-image:url(../images/plugins/app_distribution/icon_share_twitter.png); } #lib_user_distribution .share_box .share_third>a.share_pinterest{ background-image:url(../images/plugins/app_distribution/icon_share_pinterest.png); } @media screen and (min-width: 1000px){ #lib_user_distribution .share_box .share_third>a.share_facebook:hover{ background-image:url(../images/plugins/app_distribution/icon_share_hover_facebook.png); background-color: #3b579d; color: #fff; } #lib_user_distribution .share_box .share_third>a.share_google:hover{ background-image:url(../images/plugins/app_distribution/icon_share_hover_google.png); background-color: #ec4538; color: #fff; } #lib_user_distribution .share_box .share_third>a.share_twitter:hover{ background-image:url(../images/plugins/app_distribution/icon_share_hover_twitter.png); background-color: #55acee; color: #fff; } #lib_user_distribution .share_box .share_third>a.share_pinterest:hover{ background-image:url(../images/plugins/app_distribution/icon_share_hover_pinterest.png); background-color: #ca2028; color: #fff; } } #lib_user_distribution .share_store{ height: 36px; line-height: 36px; font-size: 20px; color: #333333; font-weight: bold; position: relative; } #lib_user_distribution .share_btn{ display: block; width: 75px; height: 36px; line-height: 36px; border-radius: 5px; background-color: #f16056; text-align: center; font-size: 12px; color: #fff; font-weight: bold; text-decoration: none; } #lib_user_distribution .share_btn.share_store_btn{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; } #lib_user_distribution .share_information{ padding: 0 30px 55px; } #lib_user_distribution .share_information .info_title{ height: 92px; line-height: 92px; border-bottom: 1px solid #e3e3e3; font-size: 24px; color: #333333; font-weight: bold; } #lib_user_distribution .share_information .info_list{ margin-top: 50px; } #lib_user_distribution .share_information .item:first-child{ margin-left: 0; } #lib_user_distribution .share_information .item{ margin-left:1%; width:24%; background-repeat:no-repeat; background-position:center 9px; float:left;} #lib_user_distribution .share_information .item .item_img{ text-align: center; } #lib_user_distribution .share_information .item .item_img img{ max-width: 50px; max-height: 50px; } #lib_user_distribution .share_information .item .item_title{ margin-top: 15px; height:24px; line-height:24px; text-align:center; font-size:16px; font-weight:600; color:#333333;} #lib_user_distribution .share_information .item .item_content{line-height:24px; margin-top:6px; padding:0 6px; color:#666666; font-size: 14px; text-align: center;} #lib_user_distribution .share_bottom{margin-top:40px; margin-bottom:20px;} #lib_user_distribution .share_bottom .bottom_content{min-height:inherit;} #lib_user_distribution .content_box{ padding: 30px; line-height: 30px; font-size: 14px; color: #333333; overflow: hidden; } #lib_user_distribution .content_box strong{font-weight: bold;} #lib_user_distribution .top_title{ margin-bottom: 30px; font-size: 20px; color: #333333; font-weight: bold; } #distribution_orders_table{ padding: 30px; } #distribution_orders_table .user_no_data{ width: 100%; } #lib_user_distribution .distribution_table{width:100%; margin:20px 0;} #lib_user_distribution .distribution_table th{height:54px; font-size:12px; color:#999999; background-color:#f8f8f8;text-transform: capitalize;} #lib_user_distribution .distribution_table tr{height:49px; border-bottom:1px #e5e5e5 solid;} #lib_user_distribution .distribution_table tr:first-child{height:inherit; border:none;} #lib_user_distribution .distribution_table tr td{ padding: 20px 10px 20px 0;line-height:16px; font-size:12px;} #lib_user_distribution .distribution_table tr td.operation a{ text-decoration: underline; } #lib_user_distribution .distribution_table tr td.price{color:#e53935;} #lib_user_distribution .distribution_table .fir{text-indent:20px;} #lib_user_distribution .distribution_table tr td .grey{ color: #999999; } #lib_user_distribution .distribution_table .prod_info{ font-size: 0; } #lib_user_distribution .distribution_table .prod_info .item_img_tab{ display: inline-block; vertical-align: middle; width: 78px; height: 78px; border: 1px solid #e5e5e5; border-radius: 5px; position: relative;overflow: hidden; font-size: 12px; } #lib_user_distribution .distribution_table .prod_info .item_img_tab img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } #lib_user_distribution .distribution_table.prod_list tr:nth-child(n+2) td:first-child{ padding-left: 20px; } #lib_user_distribution .distribution_table .prod_info .title{ width: calc( 100% - 100px ); display: inline-block; vertical-align: middle; margin-left: 18px; line-height: 20px; font-size: 12px; color: #333333;box-sizing: border-box; padding-right: 40px; } #lib_user_distribution .balance_top_title{ margin-bottom: 30px; line-height: 95px; border-bottom: 1px solid #e3e3e3; font-size: 20px; color: #333333; font-weight: bold; } #lib_user_distribution .balance_title{ height:35px; line-height:35px; text-transform:capitalize; font-size:18px; font-weight:bold;} #lib_user_distribution .balance_title .price{ color: #f16056; } #lib_user_distribution .balance_main{ padding: 0 30px 30px; } #lib_user_distribution .balance_form{ margin-top: 30px; width:425px; float:left;} #lib_user_distribution .balance_form .rows{margin-bottom:30px;} #lib_user_distribution .balance_form .rows .input_box_txt{width:100%; height: 50px; border: 1px solid #d9d9d9; border-radius: 5px; box-sizing: border-box; padding: 11px 16px;} #lib_user_distribution .balance_form .rows label{ display: block; margin-bottom: 12px; font-size: 14px; color: #333333; } #lib_user_distribution .balance_form .rows label .notnull{ color: #f16056; } #lib_user_distribution .message_list{ margin-top: 15px; margin-right: 15px; height: 34px;box-sizing: border-box; } #lib_user_distribution .balance_form .rows .input_box_txt.null{border-color:#f00;} #lib_user_distribution .balance_form .rows p.error{line-height:16px; color:#f00; display:none;} #lib_user_distribution .balance_form .btn_submit{ display: block; width: 142px; height: 46px; line-height: 46px; border: 0; border-radius: 5px; background-color: #f16056; text-align: center; color: #fff; font-size: 16px; font-weight: bold; } #lib_user_distribution .balance_content{width:370px; line-height:30px; font-size:14px; color:#666666; float:right; overflow: hidden;} #lib_user_distribution .record_box{ padding: 30px; } #lib_user_distribution .status_box_container { margin: 0 auto; padding-bottom: 30px; width: 600px; } #lib_user_distribution .status_box_container .status_box_info{ margin: 50px 0; text-align: center; } #lib_user_distribution .status_box_container .status_box_info .big_title{ font-size: 24px; margin-bottom: 30px; } #lib_user_distribution .status_box_container .status_box_info .subtitle{ padding: 0 15px; font-size: 14px; line-height: 1.4; text-align: left; } #lib_user_distribution .status_box_container .status_box_info .fail_reason_box{ margin-top: 30px; background-color: #F4F7F6; padding: 20px; width: 100%; box-sizing: border-box; text-align: left; font-size: 14px; word-wrap: break-word; } #lib_user_distribution .status_box_container .status_box_info .fail_reason_box .reason_cont{ margin-top: 15px; } #lib_user_distribution .status_box_container .status_box_info .apply_btn{ margin-top: 50px; display: inline-block; padding: 12px 30px; background-color: #F16056; color: #fff; text-decoration: none; border-radius: 5px; font-size: 14px; font-weight: bold; border-radius: 5px; } #lib_user_distribution .DIST_field_box_form .form_big_title{ font-size: 24px; margin: 30px 0 50px; } #lib_user_distribution .DIST_field_box_form .field_box .rows{ margin-bottom: 30px; } #lib_user_distribution .DIST_field_box_form .field_box .rows .field_tips{ margin-bottom: 12px; font-size: 14px; color: #888; } #lib_user_distribution .DIST_field_box_form .field_box .input_box{ display: block; } #lib_user_distribution .DIST_field_box_form .field_box label{ display: block; margin-bottom: 12px; font-weight: 500; font-size: 16px; color: #111; } #lib_user_distribution .DIST_field_box_form .field_box label i{ color: #ff0000; } #lib_user_distribution .DIST_field_box_form .field_box .global_select_box .input_box_txt{ width: calc( 100% - 34px );} #lib_user_distribution .DIST_field_box_form .field_box .input_box_txt{ width: calc( 100% - 30px ); line-height: 22px; padding: 11px 24px 11px 8px; color: #333; border-color: #d2d2d2; } #lib_user_distribution .DIST_field_box_form .field_box .filled .input_box_txt{ height: auto; } #lib_user_distribution .DIST_field_box_form .field_box .input_box_textarea{ width: 100%; box-sizing: border-box; height: 160px; padding: 8px; font-size: 12px; color: #333; background-color: #fff; border: 1px #d2d2d2 solid; border-radius: 5px; position: relative; display: inline-block; transition: all 150ms; -webkit-transition: all 150ms; } #lib_user_distribution .DIST_field_box_form .form_tool_file_box .upload_box:first-child {display: block;} #lib_user_distribution .DIST_field_box_form .form_tool_file_box .upload_box{ display: none; float: left; width: 86px; height: 86px; position: relative; box-sizing: border-box; border: 2px dashed #d9d9d9; border-radius: 5px; margin: 20px 20px 0 0; border: solid 1px #dfdfdf; background: #fafafa; } #lib_user_distribution .DIST_field_box_form .form_tool_file_box .upload_box{ width: 120px; height: 120px; } #lib_user_distribution .DIST_field_box_form .form_tool_file_box .upload_box .pic_box{ position: relative; width: 120px; height: 120px; vertical-align: middle; font-size: 0; text-align: center; cursor: pointer; box-sizing: border-box; z-index: 1; } #lib_user_distribution .DIST_field_box_form .form_tool_file_box .upload_box .iconfont{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #757575; font-size: 30px; } #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_file_box .upload_file{ width:82px; height:82px; position:absolute; left:0px; top:0px; bottom: 0;right: 0; padding: 0; filter:alpha(opacity=0); -moz-opacity:0; -webkit-opacity:0; opacity:0; cursor:pointer;font-size: 70px;z-index: 1;} #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_file_box .upload_file{width: 120px;height: 120px;} #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_img_box .upload_file{ width:82px; height:82px; position:absolute; left:0px; top:0px; bottom: 0;right: 0; padding: 0; filter:alpha(opacity=0); -moz-opacity:0; -webkit-opacity:0; opacity:0; cursor:pointer;font-size: 70px;z-index: 1;} #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_img_box .upload_file{width: 120px;height: 120px;} #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_img_box .button{height:46px; line-height:46px; color:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#f16056; border:0; font-size:16px; cursor:pointer;margin-top: 30px;padding: 0 40px;} #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_img_box .upload_box{display:none;float:left;width:86px;height:86px;position:relative;box-sizing:border-box;border:2px dashed #d9d9d9;border-radius:5px;margin:18px 20px 0 0;border:solid 1px #f2f2f2;background:#fafafa;} #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_img_box .upload_box .iconfont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#757575;font-size:30px;} #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_img_box .upload_box label{margin: 0;padding-top: 0;} #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_img_box .upload_box:first-child{display: block;} #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_img_box .upload_box.on:after, #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_img_box .upload_box.on:before{background: none;} #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_img_box .upload_box.on .num_tips{font-size: 0;} #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_img_box .upload_box .num_tips{position: absolute;left: 0;top: 65%;width: 100%;text-align: center;color: #dddddd;display: none;} #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_img_box .upload_box{width: 120px;height: 120px;} #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_img_box .upload_box .pic_box{position:relative;width:120px;height:120px;vertical-align:middle;font-size:0;text-align:center;cursor:pointer;box-sizing:border-box;z-index:1;} #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_img_box .upload_box .pic_box img{opacity: 1;} #lib_user_distribution .DIST_field_box_form .field_box .rows .form_tool_img_box .upload_box .close{position: absolute;top: -7px;right: -7px;display: none;width: 24px;height: 24px;line-height: 24px;text-align: center;color: white;background: rgba(0,0,0,0.5);border-radius: 50%;cursor: pointer;z-index: 2;} #lib_user_distribution .DIST_field_box_form .field_box .rows .dist_submit { display: inline-block; width: 200px; height: 50px; line-height: 50px; background-color: #F16056; border-radius: 5px; text-align: center; font-size: 16px; color: #fff; font-weight: 500; cursor: pointer; font-family: inherit; } #lib_user_distribution .DIST_field_box_form .form_tool_file_box .upload_box svg{ width: 60px; height: 60px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } #lib_user_distribution .DIST_field_box_form .global_select_box{height:auto;line-height:46px;} #lib_user_distribution .DIST_field_box_form .global_select_box .input_case{position: relative;width: 100%;border-radius: 5px;} #lib_user_distribution .DIST_field_box_form .global_select_box .input_case input.imitation_select{cursor: pointer;color: #333333;} #lib_user_distribution .DIST_field_box_form .form_box .field_box .rows .input_box .global_select_box .imitation_select{width: calc( 100% - 18px );} #lib_user_distribution .DIST_field_box_form .global_select_box .input_case i{width: 12px;height: 12px;line-height: 12px;position:absolute;right:6px;top:0;bottom: 0;margin: auto;transform: scale(0.8);font-size: 16px;color: #7d8d9e;transition: all .5s ease 0s;} #lib_user_distribution .DIST_field_box_form .global_select_box .input_case i::before{content: "\e62b";font-family: "iconfont";} #lib_user_distribution .DIST_field_box_form .global_select_box .select_ul{display:none;padding:0;margin:0; width: 100%; max-height: 320px;overflow-y: auto;border:1px solid #d2d2d2;border-radius: 5px;border-top: 0;} #lib_user_distribution .DIST_field_box_form .global_select_box .select_ul::-webkit-scrollbar{width: 10px;background: #edf0f5;} #lib_user_distribution .DIST_field_box_form .global_select_box .select_ul::-webkit-scrollbar-thumb{background: rgba(193, 193, 193, 0.8);border-radius: 5px;} #lib_user_distribution .DIST_field_box_form .global_select_box .select_ul::-webkit-scrollbar-thumb:hover{background: rgba(168, 168, 168, 0.8);} #lib_user_distribution .DIST_field_box_form .global_select_box .select_ul li{line-height:22px;transition:all .5s ease 0s;padding: 5px 10px;color: #333333;cursor: pointer;} #lib_user_distribution .DIST_field_box_form .global_select_box .select_ul li:hover, .form_wrapper .global_select_box .select_ul li.selected{background-color: #efefef;} #lib_user_distribution .DIST_field_box_form .global_select_box .select_ul li.selected.leave{background-color: unset; color: #333333;} #lib_user_distribution .DIST_field_box_form .global_select_box.focus .select_ul{display: block;} #lib_user_distribution .DIST_field_box_form .global_select_box.focus .input_case i{color: #888;transform: scale(0.8) rotate(-180deg);} #lib_user_distribution .DIST_field_box_form .field_checked_box{ width: 100%; } #win_share_box{ position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 5px; background-color: #fff; padding: 50px 60px; width: 520px; z-index: 10002; } #win_share_box .box{ position: relative; } #win_share_box .box .title{ height: 14px; line-height: 14px; font-size: 16px; color: #333333; } #win_share_box .box .close{ position: absolute; top: 0; right: 0; font-size: 28px; width: 15px; height: 15px;line-height: 15px ; font-weight: bold; color: #cccccc; cursor: pointer;} #win_share_box .box .menu{ margin-top: 50px; font-size: 0; text-align: center; border-bottom: 1px solid #f2f2f2; } #win_share_box .box .menu .tab{ margin-left: 50px; display: inline-block; height: 44px; line-height: 44px; font-size: 18px; color: #333333;transform: translateY(1px); cursor: pointer; font-weight: bold; } #win_share_box .box .menu .tab.current{ border-bottom: 2px solid #f16056; } #win_share_box .box .menu .tab:first-child{ margin-left: 0; } #win_share_box .box .menu_content{ margin-top: 50px; } #win_share_box .box .menu_content .content{ display: none; text-align: center; } #win_share_box .box .menu_content .content.current{ display: block; } #win_share_box .box .menu_content .content .input{ text-align: center;} #win_share_box .box .menu_content .content .input input{ display: block; padding: 22px 12px; width: 100%; height: 12px; line-height: 12px; border:1px solid #d9d9d9; border-radius: 5px; background-color: #f5f5f5; font-size: 14px; color: #333333; font-size: 14px; color: #333333; text-align: left; } #win_share_box .box .menu_content .content .btn_copy{ display: inline-block; margin: 50px auto 0; padding: 0 45px; min-width: 130px; height: 48px; line-height: 48px; border-radius: 5px; background-color: #f16056; border: 0; box-sizing: border-box; text-align: center; font-size: 14px; color: #ffffff; font-weight: bold; cursor: pointer; } #win_share_box .box .menu_content .content .share_third{ margin: 0 auto 30px; width: 90%; height: auto; } #win_share_box .box .menu_content .content .share_third>a{ display: block; margin-left: 12px; margin-bottom: 12px; width: 38px; height: 38px; transition: .4s; } #win_share_box .box .menu_content .content .share_third>a:first-child{ margin-left: 0; } #win_share_box .box .menu_content .content .share_third>a.share_facebook{ background:url(../images/plugins/app_distribution/icon_share_facebook.png) no-repeat center center / 100%; background: none;} #win_share_box .box .menu_content .content .share_third>a.share_google{ background:url(../images/plugins/app_distribution/icon_share_google.png) no-repeat center center / 100%; } #win_share_box .box .menu_content .content .share_third>a.share_twitter{ background:url(../images/plugins/app_distribution/icon_share_twitter.png) no-repeat center center / 100%; background: none;} #win_share_box .box .menu_content .content .share_third>a.share_pinterest{ background:url(../images/plugins/app_distribution/icon_share_pinterest.png) no-repeat center center / 100%; background: none;} #win_share_box .box .menu_content .content .share_third:before, #win_share_box .box .menu_content .content .share_third:after{ content:''; height: 0; clear: both; } #win_share_box .box .menu_content .content .share_third>a.iconfont{ position: relative; } #win_share_box .box .menu_content .content .share_third>a.iconfont:before{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 34px; } #win_share_box .box .menu_content .content .share_third>a.share_linkedin:before{font-size: 0; color: #006A9A; } #win_share_box .box .menu_content .content .share_third>a.share_facebook:before{color: #3a589b;} #win_share_box .box .menu_content .content .share_third>a.share_google:before{color: #3a589b;} #win_share_box .box .menu_content .content .share_third>a.share_twitter:before{color: #1C1C1B;} #win_share_box .box .menu_content .content .share_third>a.share_pinterest:before{color: #ca3737;} #win_share_box .box .menu_content .content .share_third>a.share_whatsapp:before{color: #25d366;} #win_share_box .box .menu_content .content .share_third>a.share_line{background-image: url(../../../../u_file/themes/svg/line.svg);background-size: 100% 100%;background-position: 0px 0;} #win_share_box .box .menu_content .content .share_third>a.share_tumblr{background-image: url(../../../../u_file/themes/svg/tumblr.svg);background-size: 100% 100%;background-position: 0px 0;} #win_share_box .box .menu_content .content .share_third>a.share_linkedin { background-image: url(../../../../u_file/themes/svg/linkedin.svg); background-size: 100% 100% !important; background-position: 0px 0; } @media screen and (min-width:1000px){ #win_share_box{ min-height: 317px; } #win_share_box .box .menu .tab:nth-child(2) .menu_content{ margin-top: 70px; } #win_share_box .box .menu_content .content .share_third>a:hover{ transform: translateY(-10px); } } #lib_user_distribution .distor_box .tab_menu{ margin-bottom: 15px; } #lib_user_distribution .distor_box .tab_menu>a:first-child{ margin-left: 0; } #lib_user_distribution .distor_box .tab_menu>a{ display: inline-block; vertical-align: middle; margin-left: 35px; color: #888888; font-size: 14px; font-weight: bold;text-decoration: none; } #lib_user_distribution .distor_box .tab_menu>a.current{ color: #000; } #lib_user_distribution .return_title{ margin-bottom: 35px; } #lib_user_distribution .return_title a{ display: block; padding-left: 18px; background: url(../images/user/icon_user_back.png) no-repeat left center; background-size: 8px 13px; font-size: 12px; color: #666666; text-decoration: none; } #lib_user_distribution .top_title span{ margin-top: 5px; display: block; font-size: 14px; color: #999999; font-weight: normal; } .lib_mobile_user_crumb{ display: none; } @media screen and (max-width: 750px){ #win_share_box{ padding: 20px; width: 86%; } #win_share_box .box .title{ font-size: 12px; } #win_share_box .box .menu{ margin-top: 30px; } #win_share_box .box .menu .tab{ margin-left: 35px; font-size: 16px; } #win_share_box .box .menu_content{ margin-top: 20px; } #win_share_box .box .menu_content .content .share_third{ width: 229px; height: 40px; } #win_share_box .box .menu_content .content .share_third>a{ margin-left: 20px; width: 40px; background-size: contain!important; } #win_share_box .box .menu_content .content .btn_copy{ margin-top: 15px; width: 100%; } #win_share_box .box .menu_content .content .input input{ padding: 0; height: 45px; line-height: 45px; text-indent: 15px; } #lib_user_distribution #user_heading h2.left{ height: 60px; line-height: 60px } #lib_user_distribution .distribution_table .prod_info .title{ padding-right: 20px; } #lib_user_distribution .status_box_container { width: 92%; } } /*产品详细页分销连接*/ .detail_right .pro_distribution_box{background: #fafafa;margin-top:10px;padding:18px;} .detail_right .pro_distribution_box .share_title{background: url('../images/plugins/app_distribution/icno_money.png') no-repeat left center/20px;margin-bottom: 10px; padding-left:25px;line-height: 24px; font-size: 16px;} .detail_right .pro_distribution_box .share_content{margin:0 0 12px; font-size: 14px;color:#666666;} .detail_right .pro_distribution_box .share_content a{text-decoration: underline;color:#000;} .detail_right .pro_distribution_box .share_copy{margin-bottom: 15px;} .detail_right .pro_distribution_box .share_copy .share_input{width:350px; height:38px; line-height:38px; padding:0 12px; color:#dfdfdf; border:1px #e4e4e4 solid;} .detail_right .pro_distribution_box .share_copy .btn_copy{width:102px; height:40px; line-height:40px; margin-left:25px; padding:0;background: #000; color:#fff;font-size: 14px; border:0;} .detail_right .pro_distribution_box.small_box .share_copy .share_input{width:228px; } .detail_right .pro_distribution_box .share_third span{display:block;margin-bottom: 12px; font-size: 14px;color:#666666;} .detail_right .pro_distribution_box .share_third a{width:28px; height:28px; line-height:28px; margin-right:12px; background-repeat:no-repeat; background-position:center;display:inline-block;vertical-align: middle;} .detail_right .pro_distribution_box .share_third .share_facebook{background-image: url('../images/plugins/app_distribution/icon_proshare_facebook.png');} .detail_right .pro_distribution_box .share_third .share_google{background-image: url('../images/plugins/app_distribution/icon_proshare_google.png');} .detail_right .pro_distribution_box .share_third .share_twitter{background-image: url('../images/plugins/app_distribution/icon_proshare_twitter.png');} .detail_right .pro_distribution_box .share_third .share_pinterest{background-image: url('../images/plugins/app_distribution/icon_proshare_pinterest.png');} .box_popup_redeem_points { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10001; background-color: rgba(0, 0, 0, 0.5); } .box_popup_redeem_points .box_flex { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; } .box_popup_redeem_points .box_center { position: relative; border-radius: 10px; width: 94%; max-width: 700px; padding: 100px 30px; text-align: center; background-color: #fff; box-sizing: border-box; } .box_popup_redeem_points .close { position: absolute; top: 0; right: 0; width: 50px; height: 50px; text-align: center; cursor: pointer; line-height: 50px; } .box_popup_redeem_points .close .icon { font-size: 14px; color: #4d4d4d; } .box_popup_redeem_points .title { padding: 30px 10px; font-size: 24px; color: #000; line-height: 30px; } .box_popup_redeem_points .title>span { font-weight: 600; color: #F33228; } .box_popup_redeem_points .content { font-size: 16px; } .box_popup_redeem_points .btn_flex { display: flex; justify-content: center; flex-wrap: wrap; padding-top: 30px; } .box_popup_redeem_points .btn_flex a { border: 1px solid #F8443B; border-radius: 4px; margin-top: 15px; padding: 5px 33px; text-decoration: none; font-size: 14px; line-height: 35px; box-sizing: border-box; } .box_popup_redeem_points .btn_flex .btn_convert { color: #fff; background-color: #F8443B; } .box_popup_redeem_points .btn_flex .btn_points { border-color: #000; color: #fff; background-color: #000; } .box_popup_redeem_points .box_success { display: none; } @media screen and (max-width: 750px){ .box_popup_redeem_points .box_center{padding: 40px 25px;} .box_popup_redeem_points .tit .icon{width: 30px;height: 30px;line-height: 30px;font-size: 20px;max-width: calc(100% - 50px)} .box_popup_redeem_points .tit .text{font-size: 16px;} .box_popup_redeem_points .btn_flex a{width: 100%;text-align: center;} .box_popup_redeem_points .btn_flex .btn_contiue{margin-right: 0;} } /*************************** 分销(end) ***************************/ /************************询盘star**************/ .w_1200 .inquiryWrapper .inquiry_box{width: 1000px; max-width: 1000px;} .w_1200 .inquiryWrapper .inquiry_box .inquiry_form{width: 640px;} .w_1200 .inquiryWrapper .inquiry_box .inquiry_pro{width: 250px;} .inquiryWrapper{margin-bottom: 90px;} .inquiryWrapper .inquiry_box{width: 980px;min-width: 980px;margin:0 auto;} .inquiryWrapper .inquiry_box .inquiry_title{margin:30px 0 45px;font-size: 30px; font-weight: bold;} .inquiryWrapper .inquiry_box .inquiry_form{float: left;width: 645px; overflow: hidden;} .inquiryWrapper .inquiry_box .inquiry_form .rows{margin-bottom: 25px;overflow: hidden;} .inquiryWrapper .inquiry_box .inquiry_form .rows label{display: block;margin-bottom: 10px;font-size: 16px;color:#000;} .inquiryWrapper .inquiry_box .inquiry_form .rows label .required_null{color:#ff0000;font-size: 14px;} .inquiryWrapper .inquiry_box .inquiry_form .rows .i_input{width: 100%;height: 49px; line-height: 49px;padding-left: 10px;border:1px solid #c4cdd5;border-radius: 5px;box-sizing: border-box;} .inquiryWrapper .inquiry_box .inquiry_form .rows .i_textarea{height: 148px;padding:10px;} .inquiryWrapper .inquiry_box .inquiry_form .rows .i_row{float: left;width:46.8%;margin-right: 38px;} .inquiryWrapper .inquiry_box .inquiry_form .rows .i_row:nth-child(2){margin-right: 0} .inquiryWrapper .inquiry_box .inquiry_form .rows .i_submit{width:210px; height:46px; line-height:46px; color:#fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#f16056; border:0; font-size:16px; cursor:pointer; font-weight: bold; } .inquiryWrapper .inquiry_box .inquiry_form .upload_box{display: none;float: left;width: 86px;height: 86px;position: relative;box-sizing:border-box;border: 2px dashed #c4cdd5;border-radius: 5px;margin: 15px 20px 0 0;} .inquiryWrapper .inquiry_box .inquiry_form .upload_box label{margin: 0;} .inquiryWrapper .inquiry_box .inquiry_form .upload_box:first-child{display: block;} .inquiryWrapper .inquiry_box .inquiry_form .upload_box.on:after,.inquiryWrapper .inquiry_box .inquiry_form .upload_box.on:before{background: none;} .inquiryWrapper .inquiry_box .inquiry_form .upload_box.on .num_tips{font-size: 0;} .inquiryWrapper .inquiry_box .inquiry_form .upload_box:after{ display: none;position: absolute;content:'';width: 26px;height: 4px;background: #c4cdd5;transform:translate(-50%,-50%);left:50%;top: 40%;} .inquiryWrapper .inquiry_box .inquiry_form .upload_box:before{ display: none;position: absolute;content:'';height: 26px;width: 4px;background: #c4cdd5;transform:translate(-50%,-50%);left:50%;top: 40%;} .inquiryWrapper .inquiry_box .inquiry_form .upload_box .num_tips{position: absolute;left: 0;top: 65%;width: 100%;text-align: center;color: #dddddd;} .inquiryWrapper .inquiry_box .inquiry_form .upload_box .pic_box{position: relative;width: 82px;height: 82px;vertical-align: middle;font-size: 0;text-align: center;cursor: pointer;z-index: 1;} .inquiryWrapper .inquiry_box .inquiry_form .upload_box .close{position: absolute;top: -7px;right: -7px;display: none;width: 24px;height: 24px;line-height: 24px;text-align: center;color: white;background: rgba(0,0,0,0.5);border-radius: 50%;cursor: pointer;z-index: 2;} .inquiryWrapper .inquiry_box .inquiry_form .upload_file{ width:82px; height:82px; position:absolute; left:0px; top:0px; bottom: 0;right: 0; padding: 0; filter:alpha(opacity=0); -moz-opacity:0; -webkit-opacity:0; opacity:0; cursor:pointer;font-size: 70px;z-index: 1;} .inquiryWrapper .inquiry_box .inquiry_form .upload_tips{color: #999999; font-size: 14px;} .inquiryWrapper .inquiry_box .inquiry_pro{float: right;width: 250px;overflow: hidden;} .inquiryWrapper .inquiry_box .inquiry_pro .i_pro_img{width: 100%;overflow: hidden;text-align: center; box-sizing: border-box;} .inquiryWrapper .inquiry_box .inquiry_pro .i_pro_img a{ display: block; } .inquiryWrapper .inquiry_box .inquiry_pro .i_pro_number{margin:15px 0; color:#999999;font-size: 14px;} .inquiryWrapper .inquiry_box .inquiry_pro .i_pro_name{ margin-top: 12px; height: 48px;line-height: 24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 14px;} @media screen and (max-width: 1000px){ .inquiryWrapper{ padding: 0 25px; margin: 0 auto; } .inquiryWrapper #location{ display: none; } .inquiryWrapper .inquiry_box{ width: 100%; min-width: inherit; margin: 0 auto; } .inquiryWrapper .inquiry_box .inquiry_pro{ float: none; margin-bottom: 25px; width: 100%; } .inquiryWrapper .inquiry_box .inquiry_form{ float: none; width: 100%; } .inquiryWrapper .inquiry_box .inquiry_pro .i_pro_img{ float: left; margin-right: 12px; width: 70px; max-height: 70px; } .inquiryWrapper .inquiry_box .inquiry_pro .i_pro_info{ float: left; width: calc( 100% - 82px ); } .inquiryWrapper .inquiry_box .inquiry_pro .i_pro_name{ margin-top: 0; line-height: 14px; height: auto; } .inquiryWrapper .inquiry_box .inquiry_title{ margin: 25px 0 30px; font-size: 20px; } .inquiryWrapper .inquiry_box .inquiry_form .rows .i_row{ margin-right: 0; float: none; width: 100%; } .inquiryWrapper .inquiry_box .inquiry_form .rows label{ font-size: 14px; } .inquiryWrapper .inquiry_box .inquiry_form .rows .i_row:first-child{ margin-bottom: 20px; } .inquiryWrapper .inquiry_box .inquiry_form .rows{ margin-bottom: 20px; } .inquiryWrapper .inquiry_box .inquiry_form .rows .i_input{ height: 46px; line-height: 46px; } .inquiryWrapper .inquiry_box .inquiry_form .rows .i_textarea{ height: 110px; line-height: 18px; } .inquiryWrapper .inquiry_box .inquiry_form .rows .i_submit{ width: 100%; height: 48px; line-height: 48px; font-size: 14px; } } @media screen and (max-width:1200px){ #lib_user_distribution .dis_menu_list .item.longer{ width: 287px; } #lib_user_distribution .balance_form{ width: 300px; } #lib_user_distribution .balance_content{ width: 340px; } } @media screen and (max-width:1000px){ #lib_user_distribution .balance_form .btn_submit{ margin-bottom: 30px; } #lib_user_distribution .user_back{ float: none; } #lib_user_distribution .message_list{ float: none; margin-left: 30px; margin-bottom: 10px; width: 176px; } #lib_user_distribution .balance_form .rows .input_box.filled .input_box_txt{ padding: 18px 15px 3px; height: 22px; } } @media screen and (max-width:750px){ .lib_mobile_user_crumb{ margin-top: -15px; display: block; } .lib_mobile_user_crumb .user_back{ margin-left: 3px; padding : 12px 0 12px 16px; font-size: 12px; background-image: url(../images/global/icon_user_back.png); background-position: center left; background-size: 6px 12px; color: #333; } .message_list a{ height: 32px; line-height: 32px; } #lib_user_distribution .top_title{ margin-bottom: 10px; } #lib_user_distribution .padding_box{ padding: 15px; } #lib_user_distribution .message_list{ margin-top: 15px; height: 34px; box-sizing: border-box; } #lib_user_distribution .dis_menu_list .item{ margin-top: 15px; margin-left: 0; padding: 25px; width: 100%; height: auto; } #lib_user_distribution .dis_menu_list .item:first-child{ margin-top: 0; } #lib_user_distribution .dis_menu_list .item .item_title{ font-size: 14px; } #lib_user_distribution .dis_menu_list .item .item_price{ margin-top: 12px; height: 16px; line-height: 16px; font-size: 20px; } #lib_user_distribution .dis_menu_list .item .item_price>b{ height: 16px; line-height: 16px; font-size: 20px; } #lib_user_distribution .dis_menu_list .item .item_more{ margin-top: 16px; height: 12px; line-height: 12px; font-size: 12px; } #lib_user_distribution .share_box{ padding: 0; } #lib_user_distribution .share_box .share_title{ height: 61px; line-height: 61px; text-indent: 21px; font-size: 18px; } #lib_user_distribution .share_box .share_content{ margin: 15px auto; padding-left: 15px; width: 91.5%; height: auto; line-height: 24px; box-sizing: border-box; } #lib_user_distribution .share_box .share_copy{ margin: 0 auto; width: 91.5%; line-height: 14px; font-size: 0; } #lib_user_distribution .share_box .share_content:after{ top: 9px; transform: translateY(0); } #lib_user_distribution .share_box .share_copy .btn_copy{ margin-left: 8px; width: 75px; height: 45px; line-height: 45px; } #lib_user_distribution .share_box .share_copy .share_input{ padding: 0 15px; width: calc( 100% - 83px ); height: 45px; line-height: 45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } #lib_user_distribution .share_box .share_third{ margin: 15px auto 37px; width: 91.5%; } #lib_user_distribution .share_box .share_third>a{ margin-right: 15px; margin-bottom: 0; width: 50px; height: 50px; border-radius: 50px; background-position: center center; font-size: 0; } #lib_user_distribution .share_box .share_third>a.share_facebook{ background-image: url(../images/plugins/app_distribution/icon_mobie_share_facebook.png); background-color: #3b579d; background-size: 10px; } #lib_user_distribution .share_box .share_third>a.share_google{ background-image: url(../images/plugins/app_distribution/icon_mobie_share_google.png); background-color: #e94437; background-size: 20px; } #lib_user_distribution .share_box .share_third>a.share_twitter{ background-image: url(../images/plugins/app_distribution/icon_mobie_share_twitter.png); background-color: #55acee; background-size: 20px; } #lib_user_distribution .share_box .share_third>a.share_pinterest{ background-image: url(../images/plugins/app_distribution/icon_mobie_share_pinterest.png); background-color: #d03e45; background-size: 19px; } #lib_user_distribution .share_information{ padding: 0; } #lib_user_distribution .share_information .info_title{ height: 61px; line-height: 61px; font-size: 18px; text-indent: 15px; } #lib_user_distribution .share_information .info_list{ margin-top: 0; } #lib_user_distribution .share_information .item{ margin: 30px 0; padding-top: 0; padding: 0 15px; *padding-left: 110px; *padding-right: 15px; width: 100%; background-position:left 24px center; box-sizing: border-box; text-align: left; } #lib_user_distribution .share_information .item .item_title{ margin-top: 5px; height: 12px; line-height: 12px; font-size: 15px; text-align: left; } #lib_user_distribution .share_information .item .item_content{ margin-top: 10px; padding-left: 0; line-height: 20px; font-size: 14px; text-align: left; } #lib_user_distribution .content_box{ padding: 15px; } #lib_user_distribution .mobile_menu{ margin-top: 15px; display: block; overflow-x: auto; } #lib_user_distribution .mobile_menu ul{ padding: 0 15px; width: 465px; } #lib_user_distribution .mobile_menu ul li{ margin-right: 36px; display: inline-block; vertical-align: middle; line-height: 30px; } #lib_user_distribution .mobile_menu ul li:last-child{ margin-right: 0; } #lib_user_distribution .mobile_menu ul li a{ font-size: 14px; color: #888888; font-weight: bold; } #lib_user_distribution #user_heading{ border-bottom: 1px solid #e3e3e3; } #lib_user_distribution .dis_menu_list .item.longer{ margin-left: 0; width: 100%; } #lib_user_distribution .distribution_table tr td{ padding: 10px 0; line-height: 24px; } #lib_user_distribution #turn_page{ margin-bottom: 0; padding-bottom: 20px; } #lib_user_distribution .distor_box .tab_menu>a{ margin-left: 15px; } #lib_user_distribution .balance_form{ width: 100%; } #lib_user_distribution .balance_form .rows .input_box_txt{ padding: 11px 15px; width: calc( 100% - 30px ); } #lib_user_distribution .record_box{ padding: 15px; } #lib_user_distribution .balance_main{ padding: 15px; } #lib_user_distribution .top_title{ margin-bottom: 15px; font-size: 16px; } #lib_user_distribution .distribution_table{ margin: 0px 0; } #lib_user_distribution .balance_top_title{ margin-bottom: 15px; line-height: 50px; font-size: 14px; } #lib_user_distribution .balance_title{ font-size: 14px; } #lib_user_distribution .balance_form{ margin-top: 15px; } #lib_user_distribution .balance_form .rows{ margin-bottom: 15px; } #lib_user_distribution .balance_form .rows label{ margin-bottom: 5px; } #lib_user_distribution .balance_form .rows .input_box_txt{ height: 32px; font-size: 12px; } #lib_user_distribution .balance_form .btn_submit{ width: 120px; height: 42px; line-height: 42px; } #lib_user_distribution .balance_content{ width: 100%; line-height: 24px; font-size: 12px; } } @media screen and (max-width: 600px){ #lib_user_distribution .distribution_table{ width: 600px; display: block; } #lib_user_distribution .table_box{ overflow-x: scroll; } } @media screen and (max-width: 500px){ }