body { background-color: #f4f4f4; } .wrap { width: 980px; } .usermenu{ padding-bottom: 20px; } .personanl_logo { height: 69px; padding-top: 36px; line-height: 69px; margin-bottom: 30px; } .personanl_logo span { display: inline-block; background: url(../images/logo.png) no-repeat; width: 198px; height: 69px; float: left; background-size:contain; } .personanl_logo em { width: 16px; height: 56px; border-right: 1px solid #ccc; display: inline-block; margin-top: 14px; float: left; } .personanl_logo i { font-size: 18px; color: #666; float: left; margin-left: 16px; margin-top: 10px; } .box1, .box2 { display: none; } .name1:hover .box1 { display: inline-block; } .name2:hover .box2 { display: inline-block; } .tishi{ line-height: 150px; padding: 0 0 0 38px; float: left; } .menu_box { width: 183px; background-color: #fff; margin-bottom: 50px; float: left; } .menu_box_right { float: right; } .menu_box h3 { width: 183px; height: 45px; background-color: #00af62; text-align: center; font-size: 16px; line-height: 45px; color: #fff; } .accordion-group dt a { width: 135px; height: 37px; background-color: #fff; color: #00af62; display: inline-block; line-height: 37px; font-size: 14px; } .accordion-group dt.icon1 { background: url(../images/icon/icon_open.png) no-repeat; padding-left: 48px; background-position: 24px 50%; } .accordion-group dt.icon2 { background: url(../images/icon/icon_close.png)no-repeat; padding-left: 48px; background-position: 24px 50%; } .accordion-group li a:hover { background: #f5f5f5; } .accordion-group dd { display: block; } .accordion-group ul li a { line-height: 30px; display: inline-block; padding-left: 50px; width: 133px; } .box_1 { height: 178px; width: 776px; background-color: #fff; margin-bottom: 20px; } .header_img { width: 120px; height: 120px; border-radius: 50%; background-color: #ccc; float: left; margin-top: 30px; margin-left: 30px; position: relative; } .mask-avaster{ background: #000; z-index: 999; display: none; position: absolute; top: 0; width: 120px; height: 120px; border-radius: 50%; text-align: center; line-height: 120px; cursor: pointer; opacity: .6; color: #fff; font-size: 16px; } .upload-logo{ background: #000; z-index: 999; display: none; position: absolute; top: 0; width: 174px; height: 113px; text-align: center; line-height: 113px; cursor: pointer; opacity: .6; color: #fff; font-size: 16px; } .header_img:hover .mask-avaster,.user_photo:hover .upload-logo{ display: block; } .header_img img { display: block; width: 100%; border-radius: 50%; } .user_idc { padding-top: 50px; margin-left: 10px; float: left; } .user_idc p { margin-bottom: 15px; } .user_idc p>span { margin-right: 15px; } .user_idc p em { color: #ff5917; } .bd_phone { float: left; width: 125px; height: 39px; line-height: 39px; border-radius: 3px; background-color: #ff5917; color: #fff; font-size: 14px; margin-top: 69px; vertical-align: middle; cursor: pointer; } .bd_phone i { vertical-align: middle; } .bd_phone span { display: inline-block; width: 9px; height: 17px; background: url(../images/icon/phone.png); vertical-align: middle; margin-left: 26px; } .bd_weixin { float: left; margin-left: 89px; line-height: 178px; vertical-align: middle; color: #949494; margin-right: 50px; font-size: 14px; } .bd_weixin i { vertical-align: middle; } .bd_weixin span { display: inline-block; width: 20px; height: 16px; background: url(../images/icon/weixin.png); vertical-align: middle; } .bd_weixin_2 { float: left; width: 125px; height: 39px; line-height: 39px; border-radius: 3px; background-color: #ff5917; color: #fff; font-size: 14px; margin-top: 69px; vertical-align: middle; margin-left: 80px; margin-right: 30px; cursor: pointer; } .bd_weixin_2 i { vertical-align: middle; } .bd_weixin_2 span { display: inline-block; width: 20px; height: 16px; background: url(../images/icon/weixin2.png); vertical-align: middle; margin-left: 22px; } .bd_phone_2 { float: left; line-height: 178px; vertical-align: middle; color: #949494; font-size: 14px; } .bd_phone_2 i { vertical-align: middle; } .bd_phone_2 span { display: inline-block; width: 9px; height: 17px; background: url(../images/icon/phone2.png); vertical-align: middle; } .bd_weixin_2:hover { background-color: #fd4800; } .bd_phone:hover { background-color: #fd4800; } .login_c { float: right; margin-right: 10px; margin-top: 45px; } .menu_box_right .h3 { color: #00af62; font-size: 14px; padding-top: 20px; padding-bottom: 5px; border-bottom: 3px solid #00af62; display: inline-block; } .box_2, .box_3, .box_4 { width: 766px; background-color: #fff; padding-left: 10px; padding-bottom: 20px; margin-bottom: 20px; } .menu_box_right .box_2 p, .box_3 p, .box_4 p { margin-top: 20px; } .menu_box_right .box_2 .fb .span1, .menu_box_right .box_2 .yy .span1 { width: 77px; display: inline-block; float: left; } .menu_box_right .box_2 .fb .a1, .menu_box_right .box_2 .yy .a1 { margin-right: 30px; float: left; display: inline-block; width: 228px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .menu_box_right .box_2 .fb i { color: #ff5917; } .menu_box_right .box_2 .fb .w101, .menu_box_right .box_2 .yy .w101 { display: inline-block; width: 101px; float: left; } .menu_box_right .box_2 .fb em, .menu_box_right .box_2 .yy em { float: right; margin-right: 10px; } .box_3 p span { margin-right: 17px; font-size: 14px; } .box_3 p span a, .box_3 i { color: #ff5917; } .box_3 .p_zw { padding-left: 28px; overflow: hidden; } .box_3 .p_zw em { float: left; display: inline-block; width: 569px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .box_3 .p_zw i { float: left; } .box_3 .right { float: right; margin-right: 10px; } .w41 { width: 41px; display: inline-block; float: left; } .w100{ width:100px; display:inline-block; } .w400 { width: 400px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left; } .box_3 img { margin-top: 50px; margin-left: 220px; margin-bottom: 30px; } .box_4 img { margin-top: 50px; margin-left: 220px; margin-bottom: 30px; } .box { padding-bottom: 60px; width: 776px; height: auto; background-color: #fff; overflow: hidden; } #box_1 { display: block; } .h2 { border-left: 5px solid #00af62; height: 20px; margin-top: 25px; margin-left: 22px; padding-left: 10px; vertical-align: middle; margin-bottom: 40px; } .h2 span { vertical-align: middle; margin-right: 10px; } .green_1 { width: 288px; height: 20px; background-color: #95d9bb; display: inline-block; vertical-align: middle; } .green_2 { width: 125px; height: 20px; background: #00af62; text-align: center; line-height: 19px; display: inline-block; color: #fff; } .form-item { height: 30px; margin-bottom: 20px; line-height: 30px; margin-left: 35px; } .form-item span.name { font-size: 12px; float: left; margin-right: 15px; width: 66px; text-align: right; color: #333; } .form-item input { height: 28px; width: 283px; border: 1px solid #cccccc; float: left; text-indent: 10px; font-size: 12px; } .form-item span i { color: red; font-size: 14px; margin-right: 5px; } .sex { line-height: 30px; } .sex span { float: left; margin-right: 20px; margin-left: 5px; } .sex #sex { width: 11px; height: 11px; vertical-align: middle; line-height: 30px; float: left; margin-top: 9px; } .more_city { margin-left: 81px; margin-top: 16px; height: 30px; margin-bottom: 61px; } .city select { width: 135px; height: 35px; margin-right: 12px; border-color: #ccc; color: #000; } .city option { color: #666; } .city_form { height: 82px; } .accordion-group li a.current { background-color: #f5f5f5; } .button_poss { margin-left: 116px; width: 80px; height: 30px; background-color: #ff5917; color: #fff; border-radius: 3px; margin-top: 30px; cursor: pointer; } .button_poss:hover { background-color: #fd4800; } .weixin { width: 540px; height: 42px; vertical-align: top; margin-bottom: 20px; margin-left: 35px; vertical-align: middle; } .weixin>span { float: left; width: 31px; height: 42px; background: url(../images/icon/weixin3.png) no-repeat center center; display: inline-block; margin-right: 12px; } .weixin .bdbox { float: left; } .weixin .bdbox p { overflow: hidden; height: 20px; line-height: 20px; margin-bottom: 2px; font-size: 14px; } .weixin .bdbox p span { width: 12px; height: 12px; background: url(../images/icon/check.png) no-repeat center center; display: inline-block; line-height: 20px; margin-left: 5px; } .weixin p.wx_user { color: #a7a7a7; font-size: 12px; } .button_1 { font-size: 14px; float: right; width: 100px; height: 30px; background-color: #ffa128; color: #fff; text-align: center; line-height: 30px; border-radius: 3px; display: inline-block; vertical-align: middle; cursor: pointer; } .p1, .p2, .p3, .p4, .p5 { margin-left: 35px; color: #a7a7a7; margin-top: 8px; } .p1 { color: #00af62; } .h36 { height: 36px; border-bottom: 1px solid #e8e8e8; margin-bottom: 43px; } .phone>span { background: url(../images/icon/phone3.png) no-repeat center center; } .weixin .bdbox p .righ{ background: url(../images/icon/alert.png) no-repeat center center; } .phone .button_1 { background-color: #00af62; } .button_1:hover { background-color: #ff9518; } .phone .button_1:hover { background-color: #009e58; } .h35 { height: 35px; border-bottom: 1px solid #e8e8e8; line-height: 35px; border-top: 1px solid #e8e8e8; margin-top: 5px; font-size: 12px; } .w236 { float: left; width: 204px; margin-right: 23px; text-overflow: ellipsis; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; } .w155 { float: left; width: 156px; margin-right: 51px; text-overflow: ellipsis; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; } .w131 { float: left; width: 37px; margin-right: 65px; text-overflow: ellipsis; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; } .w77 { float: left; width: 77px; text-overflow: ellipsis; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; } .w79 { width: 79px; height: 26px; background-color: #ffb83c; color: #fff; line-height: 26px; text-align: center; float: right; margin-right: 10px; border-radius: 3px; cursor: pointer; } .table1 { padding-left: 38px; margin-top: 16px; margin-top: 16px; height: 26px; margin-bottom: 16px; } .box .h2 { margin-bottom: 58px; } .pop-bk { background-color: #000; height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 100; } .pop { width: 560px; height: 320px; background-color: #fff; position: fixed; top: 50%; left: 50%; z-index: 10002; margin-left: -280px; margin-top: -160px; } .pop .title { background: url(../images/icon/qqerror.png) no-repeat center right; padding: 10px 0px; font-size: 20px; border-bottom: 1px solid #dfdfdf; margin: 0 20px; position: relative; } .title .icon-x { width: 30px; height: 50px; position: absolute; top: 0px; right: -5px; cursor: pointer } .pop .form-b { margin: 35px auto; width: 340px; } .item-b input { border: 1px solid #ccc; padding-left: 5px; } .item-b .tname { width: 80px; display: inline-block; font-size: 16px; text-align: right; } .item-b .txt { width: 240px; height: 32px; } .item-b .stxt { width: 132px; height: 32px; } .pop .item-b { margin-bottom: 24px; } .item-b .scode-btn { float: right; padding: 7px 14px; color: #fff; margin-right: 20px; background-color: #ff9c00; cursor: pointer; } .item-b .save-btn, .item-b .cl-btn { padding: 7px 40px; color: #fff; background-color: #ff9c00; display: inline-block; cursor: pointer; } .item-b .cl-btn { float: right; background-color: #f2f2f2; color: #767676; margin-right: 20px; } .item-center { text-align: center; margin-top: 10px; } .l_one .btn1 { border-radius: 3px; color: #fff; margin-left: 12px; padding: 6px 10px; } .page { text-align: right; margin-right: 60px; } .page .num, .page .current { padding: 2px 5px; margin: 0 2px; } .page .current { background-color: #ff5917; color: #fff; } .h35 { height: 35px; border-bottom: 1px solid #e8e8e8; line-height: 35px; border-top: 1px solid #e8e8e8; margin-top: 5px; font-size: 12px; } .w236 { float: left; width: 204px; margin-right: 23px; text-overflow: ellipsis; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; } .w155 { float: left; width: 156px; margin-right: 51px; text-overflow: ellipsis; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; } .w131 { float: left; width: 37px; margin-right: 65px; text-overflow: ellipsis; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; } .w77 { float: left; width: 77px; text-overflow: ellipsis; height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; } .w79 { width: 79px; height: 26px; background-color: #ffb83c; color: #fff; line-height: 26px; text-align: center; float: right; margin-right: 10px; border-radius: 3px; cursor: pointer; } .table1 { padding-left: 38px; margin-top: 16px; margin-top: 16px; height: 26px; margin-bottom: 16px; } .box .h2 { margin-bottom: 40px; } .pop-bk { background-color: #000; height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 100; } .pop { width: 560px; height: 320px; background-color: #fff; position: fixed; top: 50%; left: 50%; z-index: 10002; margin-left: -280px; margin-top: -160px; } .pop8{ width: 400px; height: 230px; background-color: #fff; position: fixed; top: 50%; left: 50%; z-index: 10002; margin-left: -200px; margin-top: -130px; } .pop8 .cat_nmae{ height: 32px; line-height: 32px; width: 200px; } .pop .title { background: url(../images/icon/qqerror.png) no-repeat center right; padding: 10px 0px; font-size: 20px; border-bottom: 1px solid #dfdfdf; margin: 0 20px; position: relative; } .title .icon-x { width: 30px; height: 50px; position: absolute; top: 0px; right: -5px; cursor: pointer } .pop .form-b { margin: 35px auto; width: 340px; } .item-b input { border: 1px solid #ccc; padding-left: 5px; } .item-b .tname { width: 80px; display: inline-block; font-size: 16px; text-align: right; } .item-b .txt { width: 240px; height: 32px; } .item-b .stxt { width: 132px; height: 32px; } .pop .item-b { margin-bottom: 24px; } .item-b .scode-btn { float: right; padding: 7px 14px; color: #fff; margin-right: 20px; background-color: #ff9c00; cursor: pointer; } .item-b .save-btn, .item-b .cl-btn { padding: 7px 40px; color: #fff; background-color: #ff9c00; display: inline-block; cursor: pointer; } .item-b .cl-btn { float: right; background-color: #f2f2f2; color: #767676; margin-right: 20px; } .item-center { text-align: center; margin-top: 10px; } .form-b .w { text-align: center; } .form-b .w-title { font-size: 16px; font-weight: bold; color: #333; } .form-b .w-txt { font-size: 12px; } .pop3 .form-b { margin: 20px auto; } .code-img { text-align: center; } .form-b .w-txt { margin: 1px 0 10px 0; } .code-img img { display: inline; width: 130px; height: 130px; } .l_one .btn1 { border-radius: 3px; color: #fff; margin-left: 12px; padding: 6px 10px; } .page { text-align: right; margin-right: 60px; } .page .num, .page .current { padding: 2px 5px; margin: 0 2px; } .page .current { background-color: #ff5917; color: #fff; } .zb .list{margin-left:38px;} .fal .list{border-bottom: 1px solid #e6e6e6; padding: 8px 0;border-top: 1px solid #e6e6e6;} .box .hh{margin-bottom:22px;} .