/* 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{padding-top:45px; padding-bottom:85px; 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{visibility:visible;} .app_gallery .gly_list .item{ width:230px; position:absolute; margin-right:10px; margin-bottom:10px;} .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{min-height:300px; position:relative; margin:0 auto;} #alert_choose{opacity:1;} .alert_choose_gallery .choose_content{width:500px; padding-top:20px;} .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:20px; width:260px; text-align:center;} .alert_choose_gallery .product .name{padding-top:20px; padding-bottom:10px; font-size:16px; line-height:20px; max-height:140px;} .alert_choose_gallery .product .img{height:150px; overflow:hidden; font-size:0;} .alert_choose_gallery .product .view{display:inline-block; padding:0 25px; margin-top:25px; height:36px; line-height:36px; color:#fff; border-radius:2px; font-size:14px; text-decoration:none;} .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{top: 20px !important; left: 0 !important; right: 0; bottom: 20px; margin: auto; width: 90%;} .alert_choose_gallery.has_pro .choose_content{width: 90%; padding: 20px 5%;} .alert_choose_gallery.has_pro .gallery_img{float: none; width: 100%; height: auto;} .alert_choose_gallery .product{float: none; width: 100%;} } /*************************** 买家秀(end) ***************************/ /*************************** 分销(start) ***************************/ /*宽屏样式(start)*/ /* .w_1200 #lib_user_distribution .dis_menu_list .item{width:234px; margin-left:42px; padding:0 22px;} .w_1200 #lib_user_distribution .dis_menu_list .item.longer{width:404px;} .w_1200 #lib_user_distribution .share_information .item{width:231px;} .w_1200 #lib_user_distribution .share_information .item .item_content{padding:0 20px;} .w_1200 #lib_user_distribution .balance_content{width:517px;} */ /*宽屏样式(end)*/ #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: 0 30px 53px } */ #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{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{margin-top: 10px;height:28px; line-height:28px; color:#666; text-decoration: underline;} /* #lib_user_distribution .dis_menu_list .item .item_more>em{margin-top:9px; margin-left:7px; border-width:5px 0 5px 5px; border-color:transparent transparent transparent #666; border-style:solid; position:relative; display:inline-block; vertical-align:top;} */ /* #lib_user_distribution .dis_menu_list .item .item_more>em>i{border-width:5px 0 5px 5px; border-color:transparent transparent transparent #fff; border-style:solid; position:absolute; top:-5px; right:2px; display:inline-block;} */ #lib_user_distribution .dis_menu_list .item.link{cursor:pointer;} #lib_user_distribution .dis_menu_list .item.link:hover{border-color:#ccc;} #lib_user_distribution .dis_menu_list .item.link .item_more: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 .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; } #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: 292px; height: 51px; } #win_share_box .box .menu_content .content .share_third>a{ display: block; margin-left: 29px; width: 51px; height: 100%; 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%; } #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%; } #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%; } #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; } @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{ } #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; } } /*产品详细页分销连接*/ .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; vertical-align:middle;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');} /*************************** 分销(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{} .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){ }